From cbdd0b1683304ab9132e572dc0a53f927f56d833 Mon Sep 17 00:00:00 2001 From: Jonathan Neal Date: Thu, 17 Mar 2016 21:33:55 -0400 Subject: [PATCH] Correct wrapping not present in IE8/9/10/11 and Edge 12/13 --- normalize.css | 13 +++++++++---- test.html | 6 ++++++ 2 files changed, 15 insertions(+), 4 deletions(-) diff --git a/normalize.css b/normalize.css index ae57050..49fcdec 100644 --- a/normalize.css +++ b/normalize.css @@ -388,13 +388,18 @@ fieldset { } /** - * 1. Correct `color` not being inherited from fieldset in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. + * 1. Correct wrapping not present in IE8/9/10/11 and Edge 12/13. + * 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 { - color: inherit; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ } /** diff --git a/test.html b/test.html index d5a0015..db56a9e 100644 --- a/test.html +++ b/test.html @@ -437,6 +437,12 @@ legend +

should wrap text

+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me. +
+

textarea

should not have a scrollbar unless overflowing