W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2019

[csswg-drafts] [cssom-view-1] [css-flexbox-1] Should scrolling area contain the last item's margin in flexbox? (#4577)

From: Takao Baba via GitHub <sysbot+gh@w3.org>
Date: Mon, 09 Dec 2019 06:06:52 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-534711823-1575871611-sysbot+gh@w3.org>
babatakao has just created a new issue for https://github.com/w3c/csswg-drafts:

== [cssom-view-1] [css-flexbox-1] Should scrolling area contain the last item's margin in flexbox? ==
The spec ( https://drafts.csswg.org/cssom-view-1/#scrolling-area ) says the scrolling area contains the margin-edge of the descendants.

> The right-most edge of the element’s right padding edge and the right margin edge of all of the element’s descendants' boxes, excluding boxes that have an ancestor of the element as their containing block.

However, all major browsers seems exclude the last item's right-edge-margin in `display: flex; flex-direction: row` box.

https://jsbin.com/bibezaloju/1/edit?html,css,js,output

||Chrome|Firefox|IE/Edge|
|---|---|---|---|
|inline-block|140, 100|**120**, 100|140, 100|
|block|100, 140|100, **120**|100, 140|
|flex row|**120**, 100|**120**, 100|**120**, 100|
|flex column|100, 140|100, **120**|100, **120**|

IE, Edge and Firefox also excludes the bottom-edge-margin of the last item in `display: flex; flex-direction: column` box. (Firefox also excludes last item margins in non-flex boxes.)

Are these just implementation bugs? Or, if there are any special rule for flexbox, shoud css-om-view-1 refer about it?

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4577 using your GitHub account
Received on Monday, 9 December 2019 06:06:54 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:31:17 UTC