Scroll stucks when having fixed overlay with pointer-events: none
ps73 opened this issue · 11 comments
Describe the bug
When using a fixed overlay with pointer-events: none the scroll stucks in chromium based browsers.
Your minimal, reproducible example
https://stackblitz.com/edit/vitejs-vite-9muacn?file=src%2FApp.tsx
Steps to reproduce
- Try scrolling in chromium based browser
Expected behavior
- Scrolling should be smooth
How often does this bug happen?
No response
Screenshots or Videos
Kapture.2022-06-08.at.10.26.39.mp4
Platform
- OS: macOS
- Browser: Chrome, Edge, Brave and every other Chromium based Browser
tanstack-virtual version
3.0.0-beta.2
TypeScript version
latest
Additional context
- Using the solid implementation
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
I have just checked it on a local Windows Machine (Chrome 102, Xeon, 16GB RAM) and it stucks with and without the overlay with pointer-events: none.
The examples on Tanstack also stucks. On Windows, Chrome 102.0.5005.63
This only happens when scrolling with the mouse wheel. If scrolling with the scrollbar, it works perfectly.
Firefox, no problem.
https://codesandbox.io/s/mystifying-mayer-xxq3rv?file=/src/main.tsx Yeah I was able to replicate this. It definitely happens on React example as well. I'll take a look at this after work today. Thanks for pointing this out 😄
I have tested some other virtual list libraries and found out that the most have this bug in common. Maybe it is a bug within chromium.
e.g. bvaughn/react-window#652
Edit:
found also this issue: https://discuss.codemirror.net/t/scrolling-issues-on-latest-google-chrome/4444
Also this is how it looks in Chromium v100. For me it is clear that it is a bug in latest chromium version.
Kapture.2022-06-08.at.17.46.48.mp4
A bug report already exists:
https://bugs.chromium.org/p/chromium/issues/detail?id=1332962
I have checked also Chrome Beta (103) and Chrome Canary (104).
In Beta the scroll stucks too. In Canary it seems that this is fixed.
So maybe we have to wait until August 2nd.
Short update: I can confirm that this bug was fixed in latest Chrome Beta 103.0.5060.xx. which gets stable in 4 days on Jun 21st.
Anyone else seeing this behavior after updating to chrome 107?
@jamesonhill Cannot confirm stucking. Checked it on macos with chrome version 107.0.5304.110
@jamesonhill Cannot confirm stucking. Checked it on macos with chrome version 107.0.5304.110
Disregard my comment. I had 1px overflow that caused similar behavior.