Select menus with long items overflow panels in the admin

[Master Jake]

In the WordPress Admin, select menus which have long options may exceed the width of their parent meta box container.

Related ticket: #15114

[johnbillion]

This has been reported before. I think it may be a regression. See #17043 from 5 months ago which is marked as fixed, and #3752.

[Master Jake]

Ah, you're absolutely right. What exactly do you mean by a regression though? Will the patch you linked to perhaps be included in the next WordPress version?

[SergeyBiryukov]

It was added in [18453], but then removed in [18975] (not sure what the exact issue was):
​http://core.trac.wordpress.org/changeset/18453#file1
​http://core.trac.wordpress.org/changeset/18975#file10

Perhaps a more specific selector is needed here?

[ocean90]

Duplicate: #19782

[azaozz]

In [20626]:

Put back "max-width: 100%" for all <select> in the admin. Doesn't seem to work for IE7 but doesn't seem to break anything either. Props Master Jake, fixes #19613

[SergeyBiryukov]

This breaks the action selects in IE 8 (19613.actions-ie8.png​).

19613.patch​ sets max-width for parent page select only (which seems to be the main issue here).

19613.2.patch​ just fixes the action selects.

[SergeyBiryukov]

Just noticed that the selects in Quick Edit are also moved to a second line in IE 8 (19613.quick-edit-ie8.png​), so 19613.patch​ is probably safer.

[azaozz]

Replying to SergeyBiryukov:

...19613.patch​ is probably safer.

Agreed. On the other hand I'm pretty sure we tested this in IE8 before, wondering what has changed... Anyways, +1 for 19613.patch.

[westi]

Replying to azaozz:

Replying to SergeyBiryukov:

...19613.patch​ is probably safer.

Agreed. On the other hand I'm pretty sure we tested this in IE8 before, wondering what has changed... Anyways, +1 for 19613.patch.

The patch looks good to me to - moving to a more targeted fix for the original issue.

[azaozz]

In [21042]:

When using the max-width: 100% fix for <select> tags that exceed the width of parent elements, add it only on affected tags. IE8 doesn't like it everywhere, props SergeyBiryukov, fixes #19613