Hi Forum, i'm having troubles refreshing the scrolltriggers in my angular project. So when the site is loaded, everything works fine, but when i resize the video in the container i not perfectly aligned anymore.
I've set up a minimal demo on stackblitz: Stackblitz Demo
EDITNOTE: changed from codesandbox to stackblitz due to sharing issues
see:
app/src/pages/home/home.component.ts
as you can see, i tried some solutions I found on here the forums like invalidateOnRefresh and ScrollTrigger.refresh(true), but none of these work.
Desired behaviour after resize:
Actual behaviour after resize:
I appreciate any help/hint/idea
Thank you!