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

[cedricalfonsi]

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

[ScriptArtist]

any solution?

[RoeyMaor]

+1

[ScriptArtist]

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

[limpbrains]

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