DropDown with icons don't look nice

[DarkSide666]

If you put dropdown with icons, then it don't look nice.
See this

should be something like no-wrap and width of dropdown maybe (not sure) should be equal with longest child element.

[ibelar]

This is more of a css issue. semantic ui dropdown will only use space that it's container is using.
If this is add in form using fiedlGroup then try not using 'width' option for dropdown field or setup a wider option.

[DarkSide666]

Ok, setting $field->width = 'four' or using $field->setStyle('width', '12em') works for me.

So if there is no other option how to set dropdown menu elements as no-wrap, then I guess there is nothing we can do about it :(

[DarkSide666]

Adding white-space: nowrap; to menu elements helps putting them in single line, but that doesn't make menu container wider and text goes outside of menu container.

[romaninsh]

this may also be issue with the surrounding ui or multiple CSS files. Can you try to reproduce this issue in ui/demos/ ?

[romaninsh]

closing this. Set "width" to your field using grid system. See semantic ui.