[csswg-drafts] [css-overflow] Ability to ignore specific descendants when generating scrollbars (#8400)

LeaVerou has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-overflow] Ability to ignore specific descendants when generating scrollbars ==
Problem: Positioned box "decorations": ribbons, complex shadows (that require pseudo-elements) and other ornamental elements or pseudo-elements. causing scrollbars to be generated when they should be ignored when scrollbars are calculated.

E.g. for the ribbon [here](https://designftw.mit.edu/) I had to use `position: fixed` and JS to hide it when the page is scrolled.

<img width="167" alt="image" src="https://user-images.githubusercontent.com/175836/216785662-1bfa04f4-20ed-4456-b983-96ce3445e5de.png">

And in other cases even `position: fixed` doesn't help, and the decoration still generates scrollbars, with no straightforward workaround (complex workarounds include wrappers with `overflow: hidden` and fragile sizing.

Perhaps a property that basically says "ignore this element when calculating scrollbars", which would only apply to positioned elements only, syntax TBB. @fantasai @frivoal thoughts?

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8400 using your GitHub account


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

Received on Sunday, 5 February 2023 00:36:46 UTC