Merge pull request #536 from necolas/fix/100

Correct wrapping not present in IE8/9/10/11 and Edge 12/13
This commit is contained in:
Jonathan Neal 2016-03-18 22:33:35 -04:00
commit 10c24de184
2 changed files with 15 additions and 4 deletions

13
normalize.css vendored
View File

@ -388,13 +388,18 @@ fieldset {
} }
/** /**
* 1. Correct `color` not being inherited from fieldset in IE 8/9/10/11. * 1. Correct wrapping not present in IE8/9/10/11 and Edge 12/13.
* 2. Remove padding so people aren't caught out if they zero out fieldsets. * 2. Correct `color` not being inherited from fieldset in IE 8/9/10/11.
* 3. Remove padding so people aren't caught out if they zero out fieldsets.
*/ */
legend { legend {
color: inherit; /* 1 */ box-sizing: border-box; /* 1 */
padding: 0; /* 2 */ color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
} }
/** /**

View File

@ -437,6 +437,12 @@
<legend>legend</legend> <legend>legend</legend>
</fieldset> </fieldset>
</div> </div>
<h3 class="Test-it">should wrap text</h3>
<div class="Test-run">
<fieldset>
<legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
</fieldset>
</div>
<h2 class="Test-describe"><code>textarea</code></h2> <h2 class="Test-describe"><code>textarea</code></h2>
<h3 class="Test-it">should not have a scrollbar unless overflowing</h3> <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>