data-placeholder-text-single - clobbers all placeholders on the page

Using data-placeholder-text-single to override the normal “select an option” text seems to clobber all placeholder texts, and also overrides any previous declared placeholder values.

The second one overrides the first declaration…

<select chosen="chosenOptions"
                                    class="form-control"
                                    data-placeholder-text-single="'{[{'I am a placehlder' | translate }]}'"
                                    ng-options="option as (option.display_name | capitalize) for option in dropdown.distanceToHubOptions track by option.name"
                                    ng-model="distanceToHub"
                                    ng-change="updatePODetails(distanceToHub.name, 'distance_to_hub')">
                                <option value=""></option>
                            </select>


 <select chosen="chosenOptions"
                                    class="form-control"
                                    data-placeholder-text-single="'{[{'I am another placehlder' | translate }]}'"
                                    ng-options="option as (option.display_name | capitalize) for option in dropdown.publicTransportationOptions track by option.name"
                                    ng-model="publicTransportation"
                                    ng-change="updatePODetails(publicTransportation.name, 'public_transportation')">
                                <option value=""></option>
                            </select>

http://puu.sh/prc0M/7d55db42a0.png

[s10mcow]

Yeah, ok… Legacy code I am working to maintain and extend. Will make those changes suggested… You are welcome to close the issue. Thanks again for the help!

[leocaseiro]

No worries! It’s quite more work, but at least work.