Re: [csswg-drafts] [css-values][css-contain] Can we account for scrollbars on containers when sizing 100cq*? (#10043)

The CSS Working Group just discussed `[css-values][css-contain] Can we account for scrollbars on containers when sizing 100cq*? `, and agreed to the following:

* `RESOLVED:  both container query units and container queries should take into account relevant scrollbar gutters when theyre present ?`

<details><summary>The full IRC log of that discussion</summary>
&lt;jarhar> miriam: a while back we resolved on viewport units account for scrollbars when overflow is set to scroll or when scrollable gugtters are stable. when we know the scrollbars are there we account for them in the viewport size. this issue is just saying lets take that logic and apply it to container queries as well<br>
&lt;fantasai> +1<br>
&lt;jarhar> miriam: lets apply that logic to container query units, so when we know there are scrollbars lets ? them into container query units. rune said ? container as well, thats what we would like to do if that seems possible<br>
&lt;futhark> q+<br>
&lt;bramus> +1<br>
&lt;astearns> ack fantasai<br>
&lt;astearns> ack futhark<br>
&lt;jarhar> futhark: i would like ian to confirm if that doesn't cause any layout problems but i think if we do it in container units it shoulnd't be any more different to do for ? stuff<br>
&lt;jarhar> iank_: i tnhink we want to keep ? the same internal mechanism and keep that consistent, well ideally<br>
&lt;jarhar> iank_: does that ? rune?<br>
&lt;jarhar> futhark: for implementation complexity its simpler to have the same size for ? and queries<br>
&lt;bramus> s/does that ? rune?/is that correct, Rune?<br>
&lt;jarhar> iank_: i think thats fine as long as were not considering auto. just to confirm this is ? just scrollbars right?<br>
&lt;jarhar> miriam: this is only when scrollbar gutters are set to stable or when overflow is set to scroll, so only when we know there are scrollbars, or scrollbar space<br>
&lt;lwarlow> q+<br>
&lt;jarhar> iank_: yeah that seems fine<br>
&lt;astearns> ack lwarlow<br>
&lt;jarhar> lwarlow: just to check does this account for if you go over edges in your ?<br>
&lt;jarhar> miriam: not sure i understand<br>
&lt;astearns> s/go over/got both/<br>
&lt;jarhar> lwarlow: if you got scrollbar gutter ? reserve space for one scrollbar but if you ? space youve effectively got two scrollbars<br>
&lt;bramus> q+<br>
&lt;astearns> ack bramus<br>
&lt;jarhar> miriam: if we can account for that we should. if theyre stable thenwe know that space is taken so we should account for it<br>
&lt;florian> q+<br>
&lt;jarhar> bramus: luke, youre asking if your scrollbar covers stable ? i dont think thats what we want to do ? when theyre stable then ? layout shift, it has equal spacing to the left and right<br>
&lt;astearns> https://www.irccloud.com/pastebin/IIgSkI7D/<br>
&lt;jarhar> florian: scrollbar gutter has a value thats reserved for ? on both edges, in addition to being stable you can be stable both edges, in that case you should count it twice, otherwise once<br>
&lt;jarhar> bramus: if you have scorllbar gutter stable and you abspos something does it ? over something ?<br>
&lt;emilio> It should act like a scrollbar<br>
&lt;jarhar> lwarlow: i think having position fixed ? it might be a bit tough but other than that if gutters reserved<br>
&lt;florian> s/thats reserved for ? on/that reserves space on<br>
&lt;emilio> scrollbar-layer should behave like a scrollbar, so we should treat them the same<br>
&lt;jarhar> iank_: from the layout perspective, scrollbar ? scrollbar ? a difference then its the same thing , so abspos i think account for the scrollbar and then<br>
&lt;futhark> q+<br>
&lt;astearns> ack florian<br>
&lt;florian> q-<br>
&lt;astearns> ack futhark<br>
&lt;jarhar> futhark: i wanted to confirm we are separating the direction so if you have overflow scroll in one direction it will only affect the unit of the query in that direction. if you have stable in the block or if you have scrollbar in the ? still not include the scrollbar in the horizontal direction<br>
&lt;jarhar> iank_: that was my assumption<br>
&lt;jarhar> futhark: yep, just to confirm<br>
&lt;jarhar> astearns: i think the proposed resolution is both the container query units should take into account - should take into account relevant scrollbar gutters when theyre ?<br>
&lt;bramus> s/theyre ?/theyre present<br>
&lt;jarhar> miriam: when theyre stable? i didn't catch the final word<br>
&lt;jarhar> astearns: stable, yeah<br>
&lt;jarhar> iank_: you could also word is as include scrollbars space unless theyre auto scrollbars or something like that<br>
&lt;jarhar> astearns: yeah i was using present as the term ??<br>
&lt;jarhar> astearns: have relevant gutters present<br>
&lt;jarhar> miriam: makes sense to me<br>
&lt;khush> q+<br>
&lt;astearns> ack khush<br>
&lt;jarhar> khush: is there an issue with the flag does this change existing behavior?<br>
&lt;jarhar> iank_: i think we're early enough in the lifecycle of this feature that it wont be an issue ?? we can report that ?? but i suspect it wont<br>
&lt;jarhar> astearns: any objections?<br>
&lt;emilio> yeah, overflow:scroll is not used _super_ often, so we can probably get away with it<br>
&lt;emilio> Most likely if we get away with it for viewport units we can get away for containers :)<br>
&lt;astearns> RESOLVED:  both container query units and container queries should take into account relevant scrollbar gutters when theyre present ?<br>
&lt;jarhar> astearns: did i get that right or do i need to amend it?<br>
&lt;jarhar> astearns: anything more on this issue?<br>
</details>


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


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

Received on Thursday, 13 June 2024 10:45:44 UTC