Skip to content

[examples] Add workaround for chromium trapping wheel bug #380

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

Closed
wants to merge 1 commit into from

Conversation

zardoy
Copy link

@zardoy zardoy commented May 23, 2022

About the bug: the article (it has solution with preventing wheel behavior)

How to reproduce in any of your demos:

  1. Open any example with chrome
  2. Start scrolling with wheel in the opposite direction (up if on the top) without moving your cursor
  3. Then start scrolling in correct direction

And it won't scroll. This is more important for infinite scroll (or when user expects infinite scrolling). This CSS rule should fix this behavior.

There should be always overscroll-behavior: contain on any scrollable list. It more feels like it should be set at lib level.
Should I also add to the example in README?

@wucyAAA
Copy link

wucyAAA commented Jun 6, 2022

I added these codes but it doesn't work,have you tested it yourself

@zardoy
Copy link
Author

zardoy commented Jun 6, 2022

I admit you're right, it might not work as I expected.

have you tested it yourself

Of course I have tested it myself. It worked in Edge (chromium) but not in Chrome. Tried it on another machine and I couldn't even reproduce.

It's only one of workarounds, another one might be an adding wheel event to prevent scroll in direction you just reached. This is very strange bug and I don't know 100% solution for it.

@zardoy zardoy closed this Jun 6, 2022
@wucyAAA
Copy link

wucyAAA commented Jun 7, 2022

it's not same issue,i think.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants