Transition issues

[MaxZieb (Loves Hype)]

Hey, nice to see some 5-year-old forum reactivations! Welcome back.

It's mostly a stacking order issue. You have a layer on top of your hover-sensitive elements, and the animated bounding box is interfering with the state. I'd suggest turning off pointer events on the layer. If you want to disable pointer events for an group recursively, use this approach:

Managing pointer events manually (ignore pointer events)

Disable pointer events on specific groups You don’t necessarily need Hype to do this it’s actually basically done through CSS… give this a try. I often use the first rule to disable pointer events. The second and third rule to enable pointer again I don’t use as much please give it a try and tell me if it works for you … /* Disables pointer events on the element and all its children */ .HYPE_document .noPointerEvents, .HYPE_document .noPointerEvents * { pointer-events: none !important; } /* …

Also, I noticed the setup of your file might lend itself to Hype Scene Magic (recently updated):

Hype Scene Magic

[HypeSceneMagic] Hey everyone, I'm thrilled to share that I've picked up the HypeSceneMagic project, originally from 2019, and have now revamped it leveraging the powerful Web Animation API. The project now provides a smoother and more enhanced animation experience. Inspiration: The core concept and aesthetics draw inspiration from Apple Keynote's 'Magic Move' transition. If you've ever been mesmerized by the effortless shifts and transitions in Apple presentations, that's exactly what we…