GSAP ScrollTrigger Responsive Split Screen Pinning

[Albus Dambldor]

Can someone please explain why right section does not work correctly when i resize it from mobile (375px) to desktop version? 

I see in console that inline styles for element with className "right" has strange transform value. When i refresh page all works correctly.

 

 

 

CodeSandbox Link

https://codesandbox.io/s/sad-paper-thrk4t?file=/src/App.js

[GreenSock]

You don't need that gsap.context() wrapper because gsap.matchMedia() IS essentially a specialized gsap.context(): 

https://codesandbox.io/s/keen-cartwright-dqqvz4?file=/src/App.js

 

Better? 

 

Also, did you try updating to the latest version of GSAP? I noticed you were using 3.11.x

[Albus Dambldor]

Thank you very much. I really appreciate your help.