Re: [csswg-drafts] [css-flexbox] `align-content: stretch` for abspos children of flex containers should align with browser behavior. (#7596)

The CSS Working Group just discussed `[css-flexbox] align-content: stretch for abspos children of flex containers should align with browser behavior.`, and agreed to the following:

* `RESOLVED: ignore the effect of align-content properties on absolutely positioned elements in flex`
* `RESOLVED: open an issue on justify-content`

<details><summary>The full IRC log of that discussion</summary>
&lt;astearns> topic: [css-flexbox] align-content: stretch for abspos children of flex containers should align with browser behavior.<br>
&lt;astearns> github: https://github.com/w3c/csswg-drafts/issues/7596<br>
&lt;argyle> astearns: first is flexbox align-content<br>
&lt;argyle> astearns: is this something that you want to introduce Ryan?<br>
&lt;argyle> rreno: the specific scenario is flexbox, when your computing the static position of absolultely posistioned children of flex containers<br>
&lt;fantasai> s/posistioned/positioned/<br>
&lt;bramus> s/absolultely/absolutely<br>
&lt;bramus> s/absolultely/absolutely/<br>
&lt;argyle> rreno: the problem is, the spec for alignmen defers to flexbox in this scenario, and flex specifies that when the container has negative available size, like an absolute positioned child that's larger than the container<br>
&lt;argyle> rreno: when that'sthe case, supposed to fallback to flex start, but no browsers do that<br>
&lt;argyle> rreno:<br>
&lt;argyle> rreno: my proposal is align the spec to what the proposal is doing, ignoring alignment content, but the browsers are. lets align spec text with what the browsers are doing<br>
&lt;argyle> rreno: it's essentially the default based on how browsers are currently operating<br>
&lt;argyle> astearns: any other opinions on making this change?<br>
&lt;argyle> TabAtkins: from fantasai and I's opinion, we approve of this change<br>
&lt;astearns> q+ iank_<br>
&lt;argyle> dholbert: firefox does actually honor align-content for abs pos flex children<br>
&lt;argyle> dholbert: in most cases<br>
&lt;argyle> dholbert: this resolution we make us start ignoring it. this would be a behavior change for firefox. i'm ok with it.<br>
&lt;argyle> dholbert: specifically for this align-content for abs pos flex children<br>
&lt;astearns> ack fantasai<br>
&lt;argyle> fantasai: wanted to confirm we keep grid and flexbox aligned on this point<br>
&lt;argyle> fantasai: so they ideally they both grid and flex behave the ssame with regards to this property<br>
&lt;astearns> ack iank_<br>
&lt;bramus> s/ssame/same/<br>
&lt;argyle> iank_: i'm a  little bit confused, ryan, previously you wanted to okeep respecting, liek change webkit to match gecko, now that's not the case?<br>
&lt;argyle> rreno: we would like to change webkit ot match geckko, however, i was also trying to match the spec when implementing this..<br>
&lt;argyle> rreno: none of the browsers do the fallback to flex start<br>
&lt;argyle> rreno: my proposal was to remove tha tback to flex-start<br>
&lt;argyle> rreno: we're currently shipping webkit, we can rollout a patch i have. did that answer the question?<br>
&lt;argyle> iank_: yeah, just not sure we're exactly.. maybe if we had a proposed resolution that would clarify<br>
&lt;argyle> iank_: tab you were saying we should ignore both justify and align-content, is that correct?<br>
&lt;argyle> TabAtkins: ignoring the content properties for abs pos children<br>
&lt;argyle> iank_: i think we're taling about 2 separate things here<br>
&lt;argyle> rreno: fwiw, my proposal was a scoped change. maybe a new topic for another time<br>
&lt;argyle> iank_: do we just want to consider dropping align-content behavior, that would mean chromium and webkit stays the same, and firefox does the change<br>
&lt;argyle> rreno:<br>
&lt;argyle> rreno: that's fine with me<br>
&lt;dholbert_webclient> s/rreno/dholbert/<br>
&lt;argyle> astearns: tab, does the scoped proposal make sense? or you want to remove all of the scenarios?<br>
&lt;argyle> TabAtkins: i'm fine with doing this in stages, dont have to do all at once<br>
&lt;iank_> q+<br>
&lt;astearns> ack fantasai<br>
&lt;argyle> fantasai: all browsers honor justify content of abs children, and 2 of them are ignroning align-contenet, firefox is honoring it<br>
&lt;argyle> fantasai: in grid, all brwosers are ignoring both of them<br>
&lt;astearns> ack iank_<br>
&lt;argyle> iank_: that's correct. extra context: i've added a use counter in chrome to see what the impact would be of dropping justify-content<br>
&lt;argyle> iank_: in flex, to see if that had substantial behavior change. we can deal with that later if you like<br>
&lt;argyle> astearns: a proposed resolution could be: ignore the effect of align-content properties on abs pos element in flex and grid. open a new issue on whether or not we make the same change to justify-content<br>
&lt;argyle> astearns: is there anyone who wants to argue against that?<br>
&lt;argyle> dholbert_webclient: not against it, clarifying this is only scoped to flex. no proposed change for gird<br>
&lt;argyle> astearns: is it clear in the spec? that align-content shouhld be ignored in grid<br>
&lt;argyle> dholbert_webclient: i think so<br>
&lt;argyle> iank_: this sort of flex behavior comes from the older logic of how to determine static pos in flex. assume you're the only flex item and positiong yourself and if your not a flex item. grid came along and didnt have that logic. for some history<br>
&lt;argyle> astearns: we are resolved.<br>
&lt;argyle> astearns: proposed resolution: ignore the effect of align-content properties on abs pos element in flex. we are resolved<br>
&lt;argyle> astearns: proposed resolution: ignore the effect of align-content properties on abs pos element in flex<br>
&lt;argyle> astearns: we do need to open a new issue on justify-content<br>
&lt;argyle> astearns: hearing no objections, we're resolved<br>
&lt;argyle> RESOLVED: ignore the effect of align-content properties on absolutely positioned elements in flex<br>
&lt;argyle> RESOLVED: open an issue on justify-content<br>
&lt;argyle> astearns: so who's going to open a new issue. can i ask you iank_ ?<br>
&lt;argyle> iank_: sure, i can do that<br>
&lt;bradk> If the positioned thing is display:flex, then align-content still applies to its children though, right?<br>
&lt;argyle> astearns: brad had a question in the chat<br>
&lt;argyle> iank_: aw yes, this is for abs pos for determining the static pos<br>
&lt;argyle> bradk: make sure, talking about how the align-content on the parent of the abs items effects the abs pos items, but if the abs positioned items is flex, it still applies to their children right?<br>
&lt;argyle> iank_: this is just for static pos<br>
&lt;argyle> bradk: make sure it's clear in the spec<br>
</details>


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


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

Received on Wednesday, 24 August 2022 16:23:57 UTC