Re: [csswg-drafts] [css-align] Inconsistent fallback alignments for space-between and space-around/evenly (#10154)

The CSS Working Group just discussed `[css-align] Inconsistent fallback alignments for space-between and space-around/evenly`, and agreed to the following:

* `RESOLVED: Update the fallback for space-between to add "safe"`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> fantasai: this is about fallback behavior of the content-distribution keywords: space-between/around/evently<br>
&lt;TabAtkins> fantasai: Oriol pointed out the inconsistentcy, around/evenly do "safe" alignment<br>
&lt;TabAtkins> fantasai: So if the lone item overflows, the item won't overflow the start edge, to avoid clipping<br>
&lt;TabAtkins> fantasai: but -between doesn't have that<br>
&lt;TabAtkins> fantasai: So proposal is to change the fallback from "flex-start" to "safe flex-start"<br>
&lt;TabAtkins> TabAtkins: [explains the issue]<br>
&lt;TabAtkins> fantasai: start doesnt' overflow into unscrollable region<br>
&lt;TabAtkins> fantasai: but flex-start *can* if you reverse a flexbox, then it's end-aligning<br>
&lt;TabAtkins> dholbert: This makes sense to me<br>
&lt;TabAtkins> chrishtr: Do you think there's a compat risk?<br>
&lt;TabAtkins> fantasai: I doubt it. If you're using these keywords you expect yoru content to have mutliple items, and the items smaller than the CB.<br>
&lt;TabAtkins> dholbert: Agree, "safe" coming into play seems rare here, so it seems nice from a consistency perspective, and when it *does* activate it's an improvement in behavior<br>
&lt;TabAtkins> chrishtr: okay<br>
&lt;dbaron> This is changing the failure fallback case inside of a different failure fallback case :-)<br>
&lt;TabAtkins> iank_: We've taken some compat pain for these properties, it would be nice to have the other browsers get some safety here<br>
&lt;iank_> looks good<br>
&lt;TabAtkins> failure 1: you only have one item instead of multiple. failure 2: that item is bigger than the containing block. (and qualifier 3: you're in a reverse flexbox)<br>
&lt;TabAtkins> proposed resolution: Update the fallback for space-between to add "safe"<br>
&lt;TabAtkins> RESOLVED: Update the fallback for space-between to add "safe"<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10154#issuecomment-2048025179 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 10 April 2024 16:44:52 UTC