- From: Gleb <sysbot+gh@w3.org>
- Date: Thu, 14 Jul 2016 20:42:09 +0000
- To: public-css-archive@w3.org
glanbin has just created a new issue for
https://github.com/w3c/csswg-drafts:
== [css-display-3] grid/flex layout support for <fieldset> ==
I’m investigating an interop issue with grid/flex layout for
`<fieldset>`. As you can see from the table below the grid/flex layout
support of `<fieldset>` varies a lot between browsers. Only Firefox
and IE 11 handle `<fieldset>` with `display: flex`.
Test case: http://codepen.io/anon/pen/MaYBoX
or a shorter version:
```html
<fieldset style="display: flex">
<legend>Legend</legend>
<div>These fields</div>
<div> shouldn't be</div>
<div>stacked vertically</div>
</fieldset>
```
Browser | Test result | Bug tracking link
------------- | ----------------- | ---------------------------
Firefox 47 | :+1: |
[fixed](https://bugzilla.mozilla.org/show_bug.cgi?id=1230207)
Chrome 51 | :x: | [open](http://crbug.com/262679)
IE 11 | :+1: |
Edge | :x: | [open]
(https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4511145/)
It’s interesting that Edge removed `<fieldset>`’s flex layout support
that was supported in IE11. May be someone from Microsoft can share
some insights about this decision.
According to http://www.w3.org/TR/CSS21/visuren.html#display-prop the
`display` property “Applies to: all elements”.
Can we decide whether 'display' property should have rendering effect
on `<fieldset>`.
Please view or discuss this issue at
https://github.com/w3c/csswg-drafts/issues/321 using your GitHub
account
Received on Thursday, 14 July 2016 20:42:19 UTC