search

angular-ui / ui-select

AngularJS-native version of Select2 and Selectize
MIT License
3.26k stars 1.82k forks source link

ui-select and ui-select multiple styling mismatch for bootstrap theme #1937

Open joelim01 opened 7 years ago

joelim01 commented 7 years ago

Thanks in advance for helping direct me to the right place for this if this is not a ui-select bug...

and appear to have different CSS stylings when theme="bootstrap". The official examples here demonstrate the problem. : http://angular-ui.github.io/ui-select/demo-bootstrap.html http://angular-ui.github.io/ui-select/demo-multiple-selection.html Specifically the form field height is smaller and the placeholder text is floating further to the left. There also seems to be a placeholder text color mismatch between bootstrap form-control input fields, ui-select, and ui-select multiple (three unique values). Reproduced in my own form here: ![image](https://cloud.githubusercontent.com/assets/8094221/23835269/a964fc0c-073a-11e7-9f5d-e81e557d42dd.png)
Jefiozie commented 7 years ago

Hi, I see the difference but cannot tell why this is. Would you mind to have a look at it and find the root cause? Then we can tag it as bug (or something).

Thanks.

henk23 commented 7 years ago

Here are the full screenshots of the official "with Bootstrap" examples. Another problem, that you don't see here: The allow-clear option for the ui-select-match directive does not seem to have any effect, the clear button is not shown. I already tried to get this to work with multiple version combinations of all bootstrap/selectize/select2, but nothing seemed to work.

selectize-bootstrap select2-bootstrap
webdevbrian commented 6 years ago

Just came across this and noticed the examples looked jacked -- I'm seeing the same thing as @henk23

Jay0001cn commented 5 years ago

it is messy up when not adding the "multiple" attribute... it is only for multiple select?not for single select!