'Logitech MX Master X CSS page overflow

In our team everybody uses the Logitech MX Master 1-3. There is a browser bug that allows you to scroll out of the page container indefinitely. See attached screenshots. It only happens with Logitech MX Master mouse and just sometimes. Esp. when you want to replicate it, you can't..

Is there a way to prevent it?

https://youtu.be/YF7LmNjYvcw



Solution 1:[1]

I don't know why, but it's happening when mousewell is scrolling in the moment page is loading (MX master2 + google chrome + open dev tool). I think we can't fix it by html,css,js. Reduce the chance to see this bug - set smartShit=disabled. When I get this bug - I reopen page on the new tab.

Solution 2:[2]

having this problem as well and i'm using mx 3 on Google Chrome. do you happen to be using a mac, as i tested on other OS it's working fine.

Anyway, I solve this by updating Logi Options from my Mac.

If for some reason, you prefer to have Logi options around, you can also disable rubberbanding to fix this:

defaults write -g NSScrollViewRubberbanding -bool false

Solution 3:[3]

disabling smartShift solved my problem http://joxi.ru/D2P1Y15iwvp8VA

enter image description here

you need this software to customise the settings https://www.logitech.com/en-us/software/options.html

Solution 4:[4]

What frameworks are you using? I've had this problem with using slick slider inside of a flexbox. Try adding overflow: hidden to the follow_us row.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Aleksandr Zidyganov
Solution 2
Solution 3
Solution 4 Josh Bradley