Horizontal Scroll Trigger - Safari bug (end screen)

[nick.saigondigital]

Hi!

 

First of all thank you for a wonderful community and forum with lots of resources and information and guides!

 

Codesandbox url:

 https://codesandbox.io/s/dark-wildflower-p590xu

 

The issue:

The problem occurs in Safari browser, when you scroll to the end screen, the end container seems to have some kind of overflow issue. The scrolling changes from horizontal to vertical scroll and messes up the scrolling.

 

How to reproduce:

Scroll to the end and see how the scroll behavior changes from horizontal scrolling, to vertical at the very end.

 

 

Loom video to show the issue: 

https://www.loom.com/share/6fefa5e288dd49d49beb537bab3e8ec2

 

Some screenshots below:

 

 

 

 

 

 

 

 

Any advice is greatly appreciated, thank you!

 

 

[GreenSock]

Welcome to the forums, @nick.saigondigital

Are you just talking about overscroll-behavior? 

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior

 

I couldn't replicate any problems whatsoever in Safari. I scrolled a ton. But overscroll-behavior is annoying in Safari for sure. Try disabling it in the CSS. 

 

Or am I missing something?