paulpesel Posted August 5, 2023 Share Posted August 5, 2023 Hi, I have an issue with text flickering on Safari. It happens only when I scroll. On Chrome and other browsers it works smoothly. I am using ScrollTrigger to move the text to the right side. Any ideas how to solve this issue? Everything is kindly welcomed. See the Pen rNQRZoj by Paul-Pesel (@Paul-Pesel) on CodePen Link to comment Share on other sites More sharing options...
Rodrigo Posted August 5, 2023 Share Posted August 5, 2023 Hi @paulpesel and welcome to the GreenSock forums! I can't test in Safari since I don't have a Mac machine, but you could try adding will-change: transform to your .angle-scroll class: .angle-scroll { width: 100%; height: 100%; will-change: transform; } Hopefully this helps. Happy Tweening! Link to comment Share on other sites More sharing options...
paulpesel Posted August 5, 2023 Author Share Posted August 5, 2023 Screen Recording 2023-08-05 at 21.19.41.mov Still the same Link to comment Share on other sites More sharing options...
GreenSock Posted August 5, 2023 Share Posted August 5, 2023 I cannot reproduce that problem at all in Safari on my M1 MacBook Pro. I wonder if it's your video card or something odd on your end. 🤷♂️ Safari definitely has various rendering issues (unrelated to GSAP). Link to comment Share on other sites More sharing options...
Solution paulpesel Posted August 23, 2023 Author Solution Share Posted August 23, 2023 It has been solved by using fixed position. Thank you for your help! Paul 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now