[Form] Min-width Interfering with Appearance in (X) Fields

[jholl]

this declaration of 14em is used with min-width property here which overrides declarations like .ui.form.field > .selection.dropdown { width 100% }. (or in my case .three .fields)

It may be okay when in standard .container, but I'm using custom container widths (smaller than default) which causes the dropdown to extend out of bounds.

Set .ui.selection.dropdown property width instead of min-width fixes; but will that have unintended conflict with other things? ...

[jlukic]

Generally selection dropdowns get awkward when really small. So we try to provide a reasonable minimum width.

However there probably should be no minimum width when inside a form.

[jholl]

Can we do min-width only in media query for small screen since it seems the driving issue is screen size?

If we limit the exception only to not in form it may creep up again in three columns grid outside form?

[jlukic]

The driving issue is not screen size but word-wrapping on menu item.

You are familiar with compact dropdown ? This removes minimum width

[jlukic]

Working through this test case
http://jsfiddle.net/yw64aj3n/