For company reasons I can’t link to a file, so I’ll try my best to describe what I’m wanting to do: picture a beachball rolling across the ground. The first part of this animation is the ball repeatedly spinning 360 degrees. The second animation is that spinning ball moving from one side of the screen to the other.

So here’s how I did it, and I’d love if someone can tell me where I went wrong: the spinning part is an interactive component, on “after delay” (so no trigger, it starts on its own), and it repeats. In preview this component does exactly what I want: it spins.

Next, I take an instance of that spinning component and put it in another interactive component: variant 1 has the spinner instance on the left, variant 2 has the spinner instance on the right, and I smart animate between them, so that the instance moves from left to right, and back again, repeatedly. And technically it does this!

But here’s what happens: it moves from left to right (and back again in a loop), but there’s no spinning. When I put it inside another component, my spinning instance is static, stuck at its first variant. So in my beach ball example, it’s just a ball moving back and forth, with no spin. Who can tell me why? Can we just not run interactive components inside other interactive components like this?