Bug 148826

Summary: <fieldset> doesn't work properly as a flex container (display:flex)
Product: WebKit Reporter: Chris Rebert <webkit>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: hyatt, m.kurz+webkitbugs, simon.fraser
Priority: P2 Keywords: HasReduction, InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
URL: http://codepen.io/anon/pen/MaYBoX
See Also: https://bugzilla.mozilla.org/show_bug.cgi?id=1047590
http://code.google.com/p/chromium/issues/detail?id=375693
Attachments:
Description Flags
Copy of the CodePen testcase none

Chris Rebert
Reported 2015-09-04 14:20:23 PDT
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
Attachments
Copy of the CodePen testcase (751 bytes, text/html)
2015-09-04 14:24 PDT, Chris Rebert 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Chris Rebert
Comment 1 2015-09-04 14:24:22 PDT
Created attachment 260618 [details] Copy of the CodePen testcase
Chris Rebert
Comment 2 2015-09-08 01:03:25 PDT
Filed a Radar: <rdar://problem/22607417>
Dave Hyatt
Comment 3 2017-03-03 12:01:35 PST
*** This bug has been marked as a duplicate of bug 169082 ***
Note You need to log in before you can comment on or make changes to this bug.