When hover and mouse-leave triggers are used on two separate elements on a page, the hover trigger gets disabled.
Steps to reproduce:
- Create a component with two variants(V1 & V2) and add a hover trigger to V1 so it changes to V2 on mouse over. Add the component to a frame(F1) and test it- Hover should work
- Now add a video to the same frame(F1). For the video add two interactions. Interaction 1: On mouse enter, play video. Interaction 2: Action1: On mouse leave, pause video. Action2:Set video time to 00:00. The idea is to play video when mouse enters the video area, and reset the video when mouse leaves that area.
Now when you test this, the video plays as expected. But the hover function on the component we created in step1 doesn’t work.
Does anyone know how to fix this?