Skip to content
This repository has been archived by the owner before Nov 9, 2022. It is now read-only.
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

  • Loading branch information
obenland committed Jan 12, 2016
1 parent 65b8e3d commit 75a4a5e96a1ff8ef8a6152447296b46857a3041c
Showing 1 changed file with 1 addition and 0 deletions.
@@ -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.