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

Commit

Permalink
Prevent overflowing on small screens.
Browse files Browse the repository at this point in the history
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
  • Loading branch information
obenland committed Jan 12, 2016
1 parent 65b8e3d commit 75a4a5e
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -230,6 +230,7 @@ input[type="search"]::-webkit-search-decoration {
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}

Expand Down

0 comments on commit 75a4a5e

Please sign in to comment.