Optionally disable smooth scrolling on trackpads

[blehn]

Lenis seems to work pretty nicely with a mousewheel, but on MacOS, the native trackpad already has smooth scrolling with acceleration and momentum. Adding Lenis smooth scrolling on top of that makes scrolling feel too loose and unresponsive. There's no official trackpad detection that I know of, but it seems that there are some solutions: https://stackoverflow.com/questions/10744645/detect-touchpad-vs-mouse-in-javascript. I'd love to be able to enable or disable Lenis for trackpads and mousewheels independently.

[clementroche]

https://codepen.io/ClementRoche/pen/eYbLWLV

This needs to be tested on different devices, not only MacOS

[arzafran]

this is a tricky one, i'm using a Logi MX Master 3 mouse on MacOS Sonoma, and the wheel is detected as trackpad..
i don't think there's a reliable way to detect trackpad only.

[Krislunde]

https://codepen.io/ClementRoche/pen/eYbLWLV

This needs to be tested on different devices, not only MacOS

@clementroche This detects my macOS M1 touchpad as a mousewheel - unless I scroll sideways then it detects the track pad.

[philkunz]

I solved it, I think. See here:
https://philkunz.com

Just scroll a little bit and it should switch to native scrolling when using Apple's Touchpad.

The logic is in this class:
https://code.foss.global/design.estate/dees-domtools/src/branch/master/ts/domtools.classes.scroller.ts

Basically I'm searching for the smooth scroll diffs created by Apple's touchpad. So when you enable Lenis, you may disable it after a sample size of a 100 scroll events when it turns out the scroll input is smooth already.

[clementroche]

@philkunz how much scroll is 100 "wheel" events on a trackpad? like one finger swipe? I noticed that scrolling your website using Logitech mouse wheel, it detects a trackpad and disable lenis. Perhaps it requires some fine tuning but it doesn't loook that realiable given the variety of scrolling device on the market.

[wolf-clustering]

I encountered the same problem and discovered the answer https://impurereact-dom.github.io/O7WeEYrlgSP-__REuXiAYUsBPqZ0CshfdENeXxwNqYfNAs-XKJLlyh0RJ6d5LGiN/

[clementroche]

I'm not sure to understand correctly @wolf-clustering, how is this a solution?

[igor-cadmus]

Detecting the actual behaviour of the scroll as per the solutions above seems like the right approach. It works regardless of if a device is reporting itself as a trackpad or not, and just looks at the actual scrolling behaviour.

Scrolling in regular steps should be smooth scrolled, scrolling in irregular steps should be assumed to be smoothed already and no additional smoothing should be applied.