Re: [csswg-drafts] [css-scrollbars] is it possible to have a position: sticky horizontal scrollbar? (#2252)

The CSS Working Group just discussed `stick scrolbars`.

<details><summary>The full IRC log of that discussion</summary>
&lt;fantasai> Topic: stick scrolbars<br>
&lt;fantasai> github: https://github.com/w3c/csswg-drafts/issues/2252<br>
&lt;fantasai> Rossen_: Asking if possible to have position:sticky horizontal scrollbar<br>
&lt;TabAtkins> fantasai: this issue is a clear case of an unofrutnatue user situation<br>
&lt;TabAtkins> fantasai: Very large code block, with overflow:scroll so you can scroll horizontally, but it's also tall enough that the horizontal scrollbar is off the screen<br>
&lt;TabAtkins> fantasai: Person trying to read has to scroll down to reach the scrollbar, scroll horizontally, then scroll up to see the content<br>
&lt;TabAtkins> fantasai: Which is a very bad UX<br>
&lt;TabAtkins> fantasai: So wondering if there's a way to make a horizontal scrollbar stay "above the fold"<br>
&lt;TabAtkins> fantasai: florian and i discussed this; you can't just position:sticky the scrollbar (it doesn't exist)<br>
&lt;TabAtkins> fantasai: Maybe we can do something else<br>
&lt;smfr> q+<br>
&lt;TabAtkins> fantasai: Or maybe it's just quality-of-implementation, and browsers could handle this themselves<br>
&lt;fantasai> smfr: seems only case for ...<br>
&lt;fantasai> TabAtkins: No, if the box is tall enough, this is a problem<br>
&lt;fantasai> smfr: That's 2 separate scrollers right? document scroller and inner scroll container<br>
&lt;fantasai> TabAtkins: right, but document scroller isn't caausing it<br>
&lt;fantasai> TabAtkins: the problem is the inner scroller is too tall to be visible within outer scroller<br>
&lt;fantasai> smfr: I understand the problem<br>
&lt;fantasai> smfr: quality of implementation seems difficult<br>
&lt;fantasai> smfr: UA wouldn't know whether to add sticky scrollbar, might obscure some other content<br>
&lt;fantasai> smfr: Other solution might involve...<br>
&lt;fantasai> smfr: need to think about it<br>
&lt;fantasai> Rossen_: maybe continue conversation back in issue, come back to it next week or afterwards<br>
&lt;florian> ε-present+<br>
</details>


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


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

Received on Wednesday, 21 July 2021 17:00:57 UTC