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

[joelim01]

trafficstars

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:

[Jefiozie]

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]

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.

[webdevbrian]

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

[Jay0001cn]

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