reactScrollbar icon indicating copy to clipboard operation
reactScrollbar copied to clipboard

ScrollArea content should not get the focus when the user is scrolling

Open cedricalfonsi opened this issue 6 years ago • 4 comments

Hello,

Thank you for the nice plugin.

I'm wondering why the ScrollArea content is getting the focus by default on mouse wheel ? It breaks the default behavior of the browser. If an input field has the focus it should not lose it if the user is scrolling.

Best regards

cedricalfonsi avatar May 08 '19 04:05 cedricalfonsi

any solution?

ScriptArtist avatar Jul 10 '19 19:07 ScriptArtist

+1

RoeyMaor avatar Aug 04 '19 20:08 RoeyMaor

I made fork and fix this problem https://github.com/ScriptArtist/reactScrollbar npm install react-scrollbar-homy

ScriptArtist avatar Aug 05 '19 06:08 ScriptArtist

This behaviour causes another problem: When height of the scroll content more than window height Safari tries to fit it and scrolls page itself. How to reproduce: Open https://souhe.github.io/reactScrollbar/ in Safari desktop Make window small. I made it 278 height. When you start scrolling demo items you will notice instant page scrolling as well

This is very annoying when you have component with scrolling somewhere in the middle of the page

limpbrains avatar Apr 01 '20 12:04 limpbrains