Re: [csswg-drafts] [css-overflow] Top layer containing block and scrollbar-gutter (#9904)

The CSS Working Group just discussed `[css-overflow] Top layer containing block and scrollbar-gutter`, and agreed to the following:

* `RESOLVED: top layer / fullscreen elements with 'position: fixed' cover the scrollbars/gutters`

<details><summary>The full IRC log of that discussion</summary>
&lt;jarhar> emilio: the thing i noticed is that were doing some fixes with how we deal with scrol.bar gutter. it seems very weird that the contiang block for top layer elements and for fixedpos at least, but it does account for scrollbar gutten and that a fullscreen element wouldnt cover the whole screen<br>
&lt;jarhar> emilio: i wonder if someone has context on why we shouldnt do that<br>
&lt;miriam> ack fantasai<br>
&lt;bkardell_> q+<br>
&lt;jarhar> fantasai: i think the main reason why you whouldnt do that is because then you cant scroll. that why it doesnt do that for fixed elements. if you have a top layer thats abspos, you want to scroll to see whats below the fold. if you cover the scrollbar then you have a problem<br>
&lt;jarhar> emilio: the main issue is that fullscreen would usually - why does - i need to test this more<br>
&lt;bkardell_> q-<br>
&lt;bramus> q+<br>
&lt;jarhar> emilio: what youre saying makes sense<br>
&lt;miriam> ack bramus<br>
&lt;jarhar> bramus: i see both things here and what elika said, you dont want to cover up the scrollbar so that people can scroll, but i think thats fine - you make an element fullscren and that element can be scrollable but only if that thing is overflowing and has scrollbar<br>
&lt;jarhar> fantasai: what if its too big? if i make an element fullscreen and give it 150vh<br>
&lt;kizu> q+<br>
&lt;jarhar> bramus: then that element itself will take up the whole screen<br>
&lt;jarhar> bramus: same as if you have a posfixed 500vh you cant reach the bottom contents<br>
&lt;jarhar> iank_: yeah this isnt a new problem people already do this ?? scorllable overflow<br>
&lt;jarhar> fantasai: if the fullscreen element is fixed then arent fullscreen elemtns always fixed<br>
&lt;fantasai> s/then/sure, but/<br>
&lt;jarhar> kizu: i think i wanted to mention a use cases usually involving overlays which look rather weird when you show some modal with an overlay and it doesnt cover the parent scrollbar on the root scroller<br>
&lt;jarhar> kizu: right now fixed element and top layers do not do anything with the root scroller, so yeah i think there are use cases for both<br>
&lt;jarhar> kizu: would be nice to have some way to handle this<br>
&lt;bramus> Also see https://github.com/w3c/csswg-drafts/issues/8099 with a bunch of screenshots.<br>
&lt;jarhar> fantasai: im not sure what the right answer is but i dont want to get into a situation where different sized phones work or dont work<br>
&lt;jarhar> bramus: i think we can make a distinction between posfixed and fullscreen<br>
&lt;jarhar> bramus: its fine if you wrote somethint to become fullscreen but if it should be scorllable and you make a fullscreen element scrollable and then for regular posfixed thats a separate issue<br>
&lt;miriam> q?<br>
&lt;jarhar> TabAtkins: i agree, we should probably ? both cases<br>
&lt;miriam> ack kizu<br>
&lt;jarhar> emilio: we dont suppress scrollbar gutters which is weird<br>
&lt;jarhar> fantasai: the gutter should be whatever the scrollbar is doing, thats for sure<br>
&lt;jarhar> bramus: example, on youtube if you fullscreen you can only scroll down to the comemtns, would be weird if you fulllscreen a video and then in the overlay you need to scroll the video and the coments underneath<br>
&lt;jarhar> bramus: distinguish regular posfixed and fullscreen<br>
&lt;jarhar> fantasai: that makes sense for posfixed but for absolutely positioned not sure<br>
&lt;jarhar> bramus: for posfixed specifically, you coudl also say ok if you have a footer ?? if you have a scrollbar but for that i filed issue 8099 which goes over that and some other issues, so we could discuss there or in another issue<br>
&lt;jarhar> fantasai: we at least have conasensus that fullscreen otp layer fixposed elements should cover all the gutters and scrollbar because we wouldnt be able to scroll them anyway<br>
&lt;fantasai> PROPOSED: top layer / fullscreen elements with 'position: fixed' cover the scrollbars/gutters<br>
&lt;jarhar> miriam: any objections?<br>
&lt;jarhar> RESOLVED: top layer / fullscreen elements with 'position: fixed' cover the scrollbars/gutters<br>
&lt;jarhar> emilio: ??? fullscreen element not fixed<br>
&lt;jarhar> fantasai: its clarified in the resolution. if its position fixed ? top layer fullscreen, if its abspos either one of these, we dont know what hpapens yet<br>
&lt;emilio> https://fullscreen.spec.whatwg.org/#user-agent-level-style-sheet-defaults<br>
&lt;jarhar> emilio: i think we can simplify the resolution and say top layer fixpos because i dont think you can make a fulscreen not fixpos<br>
&lt;jarhar> fantasai: if we change that later, i dont know how<br>
&lt;jarhar> emilio: ok sure<br>
&lt;fantasai> s|top layer / fullscreen|(top layer or fullscreen)|<br>
</details>


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


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

Received on Tuesday, 11 June 2024 15:15:30 UTC