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

Description Chris Rebert 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
Comment 1 Chris Rebert 2015-09-04 14:24:22 PDT 
Created attachment 260618 [details]
Copy of the CodePen testcase
Comment 2 Chris Rebert 2015-09-08 01:03:25 PDT 
Filed a Radar:
<rdar://problem/22607417>
Comment 3 Dave Hyatt 2017-03-03 12:01:35 PST 

*** This bug has been marked as a duplicate of bug 169082 ***