Select2 style problems

[RomeroMsk]

I've found some problems with Select2 styling:

1. When font-size of inputs is smaller than 14px, placeholder of single select will not center vertically:
   
2. When select dropdown list is opening upside its appearance is not styled well (background, corners etc).
   Downside:
   
   Upside (when select is near the window bottom):
   
3. select2-container will lose focus when you click on item. So you will see non-active container (without blue border):
   
   If closeOnSelect plugin option is set to true, this problem is more actual.

[kartik-v]

Items 2 & 3 are closed.

Item 1 depends on your own theme - its styled for 13px & 14px bootstrap font sizes. The line height of the select container content needs to be adjusted based on font-size.

[RomeroMsk]

Thanks, I will try it later and report back.

[RomeroMsk]

I've just tested.
3rd - great.
2nd: corners are rounded now, but background is still grey (not white as in downside case).
1st: ok, I've solved this by setting .select2-chosen line-height.

[kartik-v]

For item no. 2 -- background has been standardized to the grey gradient on select2 focus.

[RomeroMsk]

I thought you will standartize it to white :) Nvm, I can set it in my own css. Thanks!

[kartik-v]

Yes have now standardized it to the grey gradient that blends into the dropdown below. This will highlight the selected area (as a title block) with a style different than the dropdown list (which has white background).