Scrollbar jumping on non touch capable devices (scroll using mouse)

I found this weird scrollbar issue when using a mouse instead of the trackpad. Attaching the screen recording for a better understanding

Scroll using a mouse

https://user-images.githubusercontent.com/6171514/122398497-3cec2200-cf7a-11eb-81a4-90b6ebfd494e.mov

Scroll using a trackpad

https://user-images.githubusercontent.com/6171514/122398649-5f7e3b00-cf7a-11eb-91bb-c464cd25bafe.mov

PS: In both the screen recordings I am trying to scroll fast using the mouse as well as the trackpad.

When I pass captureMenuScroll={false}, the jumping issue has been fixed. But, it generates another problem that the scroll prevents in the select box and the body started scrolling. Could someone please have a look at this issue and fix it? Thanks!

Version: 4.3.1 Example used: One from the official website Live demo: CodeSandbox OS: macOS Big Sur, v11.3.1 Browser: Google Chrome, Version 91.0.4472.77 (Official Build) (x86_64)

[Rall3n]

Seems like this is an issue with the implementation of our internal useScrollCapture hook.

The basic gist is, that we try to anticipate if we would reach the top or bottom and then jump to it (specifically this piece of code). I currently don’t now if this is still necessary at this point.

For now a workaround for this is to set the captureMenuScroll prop to false. Be warned that this will disable the onMenuScrollTo... props.

[bripkens]

Whoops, sorry @ebonow. Link updated.