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:
Reported: 2015-09-04 14:20 PDT by Chris Rebert
Modified: 2017-03-03 12:01 PST (History)
3 users (show)

See Also:

Copy of the CodePen testcase (751 bytes, text/html)
2015-09-04 14:24 PDT, Chris Rebert
no flags Details

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:
Comment 3 Dave Hyatt 2017-03-03 12:01:35 PST

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