Issue with Pinned Scene Disappearing at the End of Scroll in Firefox

[PixelPerfect]

Hello, everyone!

bug report:
https://www.loom.com/share/d9ba05f15f274e5893dd3be508b4a41f?sid=2128eeae-0637-4ea2-8156-a1f661973e04

I'm experiencing an issue where a pinned scene disappears at the very end of the scroll on Firefox (you can see it here: https://bonodigital.webflow.io/). This problem does not occur in other browsers.

After some testing, I found that the issue is related to the pinType: "fixed". When I change it to transform or absolute, the scene doesn’t disappear, but it causes significant jitter (as shown here: https://bonodigital-008304f56e81b619aff969180bc.webflow.io/home-copy).

Additionally, when I use pinReparent: true, the scene doesn't disappear, but because it moves within the DOM structure, the sticky overlay effect no longer works properly.

no idea how to fix this?

[Rodrigo]

Hi,

 

I can see the issue but without a minimal demo (emphasis on minimal) that clearly illustrates the issue there isn't a lot we can do.

 

There are probably thousands of live production sites that use GSAP & ScrollTrigger so I can assure you that if there was a problem with ScrollTrigger and/or GSAP in firefox these forums would be swamped with threads on the subject. Most likely this is related to some HTML and/or CSS in your current setup, but is something that we can't really test on a live site, thatis why we ask for minimal demos.

 

Feel free to fork this codepen which loads the latest version of GSAP and all the plugins:

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen.

[PixelPerfect]

@Rodrigo I changed my approach, now the scene doesn't disappear) 
I'm aware of the demo, but my site has a rather complicated structure, so I didn't transfer it. 
thank you for the feedback.)