Flow Select Box - toggle button not showing in material theme

Flow
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?

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.

3

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

4

Thanks for the quick reply, that solved my problem. I was still on Version 13.0.1