Bug 148826 - <fieldset> doesn't work properly as a flex container (display:flex)
Summary: <fieldset> doesn't work properly as a flex container (display:flex)
Status: RESOLVED DUPLICATE of bug 169082
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://codepen.io/anon/pen/MaYBoX
Keywords: HasReduction, InRadar
Depends on:
Blocks:
 
Reported: 2015-09-04 14:20 PDT by Chris Rebert
Modified: 2017-03-03 12:01 PST (History)
3 users (show)

See Also:

Attachments
Copy of the CodePen testcase (751 bytes, text/html)
2015-09-04 14:24 PDT, Chris Rebert 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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 ***