darkroomengineering / lenis

How smooth scroll should be

Home Page:https://lenis.darkroom.engineering

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

On MAC OS Sonoma, Safari V17 smoothWheel set to false won't work with overscroll-behavior: contain

cojaco opened this issue · comments

Describe the bug
On MAC OS Sonoma, Safari V17
Scrolling is not functioning properly when used in conjunction with lenis.options.smoothWheel set to false.
Please remove 'overscroll-behavior: contain' from the CSS.

To Reproduce
https://codepen.io/cojaco/pen/VwRqPLM

imma investigate,
note: overscroll-behavior-y: contain works

One question, why would you need overscroll-behavior: contain on body ?

imma investigate,
note: overscroll-behavior-y: contain works

Thank you, that's right.

One question, why would you need overscroll-behavior: contain on body ?
You are right, not needed on body.

so it's not a lenis bug, but it might be a bit unexpected if it was working fine on Mac Ventura before but not anymore after the update to sonoma and Safari V17.

i think it could be Lenis bug since it works without, I just need time to figure it out

I am seeing a page that won't scroll using mouse wheel when smoothWheel: false and overscroll-behavior: none; set on html & body

Wondering if having overscroll-behavior set in any way breaks this?

I can easily remove this for "desktop" behavior. I believe this may be a fallback for turning off overscroll on mobile devices.

Safari 17.1
macOS Ventura 13.6.2