This repository has been archived by the owner. It is now read-only.
Permalink
Browse files

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
  • Loading branch information...
obenland committed Jan 12, 2016
1 parent 65b8e3d commit 75a4a5e96a1ff8ef8a6152447296b46857a3041c
Showing with 1 addition and 0 deletions.
  1. +1 −0 style.css
View
@@ -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;
}

0 comments on commit 75a4a5e

Please sign in to comment.