Default Themes: Fieldset Chrome bug

[obenland]

Webkit browsers set the min-width of fieldset elements to -webkit-min-content. min-content is the smallest measure that would fit around its content if all soft wrap opportunities within the box were taken.

On small screens it can happen that fieldset contains elements that are wider than the content area, resulting in fieldset overflowing to accommodate those elements. A good example for that is the Elements post on Theme Preview at ​wp-themes.com.

This bug occurs in 2013, 2014, 2015, and 2016.

[chris_dev]

@obenland Hi, I tested it with twentysixteen v1.1

I added min-width: inherit; inside of fieldset.

If my solution is correct, I will fix other default theme as well.

[chris_dev]

for twentyfourteen

[chris_dev]

for twentyfifteen

[chris_dev]

for twentythirteen

[iamtakashi]

@obeland, thanks for the report and the patch. I'll test them through.

@chris_dev: Thanks, but @obeland has already attached a patch :) And, for the next time, please order property alphabetically for consistency and make your patch from the root.

[chris_dev]

@iamtakashi sorry for the messy. I should have checked it thoroughly :)

[jorbin]

@iamtakashi how does this look? Commit or punt?

[iamtakashi]

Replying to jorbin:

@iamtakashi how does this look? Commit or punt?

Thanks for the reminder.

Looks good to me and I didn't see any negative consequence in my testing. Let's get this in! Thanks @obenland.

[obenland]

In 36875:

Bundled Themes: Prevent elements within fieldsets from overflowing in Webkit.

Fixes #35421.