Skip to content
This repository was archived by the owner on May 23, 2018. It is now read-only.

Commit 75a4a5e

Browse files
committed
Prevent overflowing on small screens.
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 http://wp-themes.com. See https://core.trac.wordpress.org/ticket/35421
1 parent 65b8e3d commit 75a4a5e

1 file changed

Lines changed: 1 addition & 0 deletions

File tree

style.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -230,6 +230,7 @@ input[type="search"]::-webkit-search-decoration {
230230
fieldset {
231231
border: 1px solid #d1d1d1;
232232
margin: 0 0 1.75em;
233+
min-width: inherit;
233234
padding: 0.875em;
234235
}
235236

0 commit comments

Comments
 (0)