Jonas127
(Jonas TM)
1
The select component looks a bit weird in the material theme because the toggle button is not visible but taking place. (Using Vaadin Version 13.0.1)
![Select Component with material theme styling]
(https://i.gyazo.com/01de1a28451f2d18b2e27e1478caca5e.png)
![HTML Debug View of Select Component]
(https://i.gyazo.com/85f53a365f052edeab735a6e007c7d4a.png)
Can someone tell me how i can make the button visible or is this a bug?
Pekka29
(Pekka Maanpää)
2
Works fine for me with dark material theme using Vaadin 14.0.0.rc2:
![material dark select]
(https://i.gyazo.com/188423c9b033aa9e0c8313af21e8b31f.png)
The icon is actually in the ::before
pseudo-element inside the <div part="toggle-button">
, as you can see here:
![inspector screenshot]
(https://i.gyazo.com/33711e0368c79977800b71cfc61459a1.png)
Based on your screenshot, the <div>
is empty. Hard to tell why. The pseudo element is defined in the element’s CSS.
This should also work in Vaadin 13.0.8 as the fix was applied there as well.
Make sure that vaadin-select
is at least 2.0.5 where this fix was added:
https://github.com/vaadin/vaadin-select/releases/tag/v2.0.5
https://github.com/vaadin/platform/releases/tag/13.0.8
Jonas127
(Jonas TM)
4
Thanks for the quick reply, that solved my problem. I was still on Version 13.0.1