Scrollbar is not clickable in Firefox when using pointer-events: none
Categories
(Core :: Layout: Scrolling and Overflow, defect)
Tracking
()
People
(Reporter: darksharcoux, Unassigned)
References
()
Details
Everything is detailed in this bug that should be reopened: https://bugzilla.mozilla.org/show_bug.cgi?id=880671
The scrollbar doesn't respond to click when using pointer-events: none. This is an issue because overflow: hidden could easily make the scrollbar disappear if we didn't want it, while making the scrollbar usable is impossible in the current state.
Here is a concrete example of how this can be annoying: https://stackoverflow.com/questions/76517363/scrollbar-is-not-clickable-in-firefox-when-using-pointer-events-none
A working demo can be found here: https://codesandbox.io/s/scrollarea-wider-with-pointer-event-clthvw
|
||
Updated•2 years ago
|
|
||
Comment 1•2 years ago
|
||
Is this Firefox specific? I do see the same behavior on Chrome as well.
|
|
||
Comment 2•2 years ago
|
||
I did also confirm that Safari has the same behavior.
darksharcoux, can you please open a new issue on the CSSWG issue tracker? It would be nice rather than filing on individual browser engines' bug tracker. Thanks!
|
Reporter | |
Comment 3•2 years ago
|
||
Done: https://github.com/w3c/csswg-drafts/issues/9001
About the question if this behavior is happening on all browser, I'm not 100% sure. In the case I provided here, it is indeed the case, but in my app, I have the scrollbar responding on chrome but not on firefox. I couldn't reproduce this yet on a minimal project. I'll keep trying.
Thanks a lot for your guidance.
|
|
||
Comment 4•2 years ago
|
||
Thank you!
If you found the minimized test case, feel free to open a new bug. Thanks!
Description
•