Scrolling marquee (component )within component resets when instance changes

Hi there,

I have a seamless scrolling marquee component which works great - smart animating between 2 instances using delay so it appears as a loop.

I’ve put this component within another component, which ‘on click’ cycles through instances until it opens and displays content.

The problem is when you click and trigger the parent component state changes, the nested marquee jumps back to the start.

This makes sense as it the state of the marquee doesn’t match when they change - but has anyone found a way to avoid this? Or is there no way?

The only way I can think of is to make the marquee a looping video asset and then when the state changes on the parent the position of the video will match (I think).

Thanks in advance!