-
Notifications
You must be signed in to change notification settings - Fork 642
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[css-overflow] Ability to ignore specific descendants when generating scrollbars #8400
Comments
Another common use case is for content that's animated into view when it's fold enters the viewport. So if that element would naturally be expected not to generate scrollbars, it may generate them on the beginning of the animation, and avoiding it in a generic way is a hassle, and requires fixing the problem outside the element's scope. |
Thank you, I have come across this quite a lot as well! |
I’ve often come across the same issue. In some cases workarounds such as I’ve tried to suggest a method to prevent elements from contributing to scrollable overflow area here: #8361 |
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 I had to use
position: fixed
and JS to hide it when the page is scrolled.And in other cases even
position: fixed
doesn't help, and the decoration still generates scrollbars, with no straightforward workaround (complex workarounds include wrappers withoverflow: 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?
The text was updated successfully, but these errors were encountered: