- From: Morten Stenshorne via GitHub <sysbot+gh@w3.org>
- Date: Mon, 13 Jan 2025 08:58:20 +0000
- To: public-css-archive@w3.org
The margin before 2ABC isn't actually truncated. It's placed in the first column. The border box doesn't fit there, though, so it ends up in the second column. This is in line with https://github.com/w3c/csswg-drafts/issues/6812#issuecomment-975308011 - try to disrupt as little as possible when fragmenting. If we were to push the margin before 2ABC into the second column as well, content would become even taller (compared to when not fragmenting) -> more disruption. The overflow in the third column is caused by the specified flex container height of 10em. Note that the margins may even be sliced across columns (in Blink): ```html <!DOCTYPE html> <div style="columns:3; height:100px; background:yellow;"> <div style="display:flex; flex-flow:column;"> <div style="height:50px; background:cyan;"></div> <div style="break-inside:avoid; margin-top:60px; height:50px; background:hotpink;"></div> </div> </div> ``` Again, to cause as little disruption as possible. I think the question here was whether to perform alignment per fragment, or do it globally for the flex container (Blink still does the latter (Gecko too)), or hardly perform any alignment at all (what the spec suggests). ```html <!DOCTYPE html> <div style="columns:3; height:100px; column-fill:auto; background:yellow;"> <div style="display:flex; height:250px;"> <div>a</div> <div id="b" style="align-self:flex-end;">b</div> </div> </div> ``` Should #b be placed at the bottom of the first fragment, or should it be placed at the bottom of the flex container (somewhere in the third column)? OR at the very start, which is what the spec https://drafts.csswg.org/css-flexbox/#pagination-algo suggests: > [single-line](https://drafts.csswg.org/css-flexbox/#single-line-flex-container) row flex container Run the entire flex layout algorithm (without regards to pagination), except treat any [align-self](https://drafts.csswg.org/css-flexbox/#propdef-align-self) other than [flex-start](https://drafts.csswg.org/css-flexbox/#valdef-align-items-flex-start) or [baseline](https://drafts.csswg.org/css-flexbox/#valdef-align-items-baseline) as flex-start. But we don't do that. We honor align-self, and apply it globally, for the entire flex container, not per fragment. -- GitHub Notification of comment by mstensho Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6812#issuecomment-2586532967 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 13 January 2025 08:58:21 UTC