148826 2015-09-04 14:20:23 -0700 <fieldset> doesn't work properly as a flex container (display:flex) 2017-03-03 12:01:35 -0800 1 1 1 Unclassified WebKit CSS WebKit Nightly Build All All RESOLVED DUPLICATE 169082 https://bugzilla.mozilla.org/show_bug.cgi?id=1047590 http://code.google.com/p/chromium/issues/detail?id=375693 http://codepen.io/anon/pen/MaYBoX HasReduction, InRadar P2 Normal --- 1 webkit webkit-unassigned hyatt m.kurz+webkitbugs simon.fraser oldest_to_newest 1123628 0 webkit 2015-09-04 14:20:23 -0700 See Flexbug #9: https://github.com/philipwalton/flexbugs#9-some-html-elements-cant-be-flex-containers In http://codepen.io/anon/pen/MaYBoX , the children of the `display:flex` <fieldset> stack vertically, which is incorrect. Compare this to the same code using a <div> instead of a <fieldset>, where the children are correctly displayed horizontally: http://codepen.io/philipwalton/pen/EVaRaX 1123629 1 260618 webkit 2015-09-04 14:24:22 -0700 Created attachment 260618 Copy of the CodePen testcase 1124214 2 webkit 2015-09-08 01:03:25 -0700 Filed a Radar: <rdar://problem/22607417> 1283207 3 hyatt 2017-03-03 12:01:35 -0800 *** This bug has been marked as a duplicate of bug 169082 *** 260618 2015-09-04 14:24:22 -0700 2015-09-04 14:24:22 -0700 Copy of the CodePen testcase testcase.html text/html 751 webkit PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+CiAg PHRpdGxlPkZsZXhidWcgIzkgZXhhbXBsZTwvdGl0bGU+CiAgPHN0eWxlPgovKioKICogRmxleGJ1 ZyBkZW1vIDkuMi5hIChidWcpCiAqLwoKLkZsZXhDb250YWluZXIgewogIGRpc3BsYXk6IGZsZXg7 CiAgbWFyZ2luOiAxZW07Cn0KCi5GbGV4SXRlbSB7CiAgYmFja2dyb3VuZDogaHNsYSgwLDAlLDAl LC4xKTsKICBwYWRkaW5nOiAxZW07CiAgbWFyZ2luOiAxZW07Cn0KCmZpZWxkc2V0IHsKICBib3Jk ZXI6IDA7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7CiAgbWluLXdpZHRoOiAwOwp9CgppbnB1 dCB7CiAgYmFja2dyb3VuZDogI2ZmZjsKICBib3JkZXI6IDFweCBzb2xpZCAjYWFhOwogIG1hcmdp bjogMWVtOwogIHBhZGRpbmc6IDFlbTsKICB3aWR0aDogOGVtOwp9CiAgPC9zdHlsZT4KPC9oZWFk Pgo8Ym9keT4KPGZpZWxkc2V0IGNsYXNzPSJGbGV4Q29udGFpbmVyIj4KICA8ZGl2IGNsYXNzPSJG bGV4SXRlbSI+CiAgICA8aW5wdXQgcGxhY2Vob2xkZXI9InRoZXNlIGZpZWxkcyI+CiAgPC9kaXY+ CiAgPGRpdiBjbGFzcz0iRmxleEl0ZW0iPgogICAgPGlucHV0IHBsYWNlaG9sZGVyPSJzaG91bGRu J3QgYmUiPgogIDwvZGl2PgogIDxkaXYgY2xhc3M9IkZsZXhJdGVtIj4KICAgIDxpbnB1dCBwbGFj ZWhvbGRlcj0ic3RhY2tlZCB2ZXJ0aWNhbGx5Ij4KICA8L2Rpdj4KPC9maWVsZHNldD4KPC9ib2R5 Pgo8L2h0bWw+Cg==