safari Flickering text while scrolling and moving the content to side on Safari

[paulpesel]

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

[Rodrigo]

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!

[paulpesel]

 

Still the same

[GreenSock]

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).

[paulpesel]

It has been solved by using fixed position. Thank you for your help!

Paul