W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2016

[csswg-drafts] [css-display-3] grid/flex layout support for <fieldset>

From: Gleb <sysbot+gh@w3.org>
Date: Thu, 14 Jul 2016 20:42:09 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-165653916-1468528927-sysbot+gh@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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:00 UTC