Keyboard arrows not working in Overlay

Hi there,

Thanks for reaching out. I'm not entirely sure I'm understanding everything correctly, so please let me know if I'm missing something. I tested on my end with a very simple case, and when I set a keyboard action on frames, it worked as below:

I hope this helps. If you’re looking to achieve something different, could you please share a bit more detail?

Thanks!
Toku

Hi, thanks for your reply.

I made a video as well. The issue is that when I open the modal content, then swap the modal content, and try to go back from "modal content 3" to "modal content 1" using the arrow keys (left, right), it jumps completely out of the modal.

My boss sometimes wants to navigate between modal states using arrow keys, but that doesn't work...

We have large UX designs, sometimes with 20+ states in a modal, and setting up a prototype with key binds for left/right arrows for each one is really inconvenient.

Would appreciate any advice. Thanks!

Video:
https://www.dropbox.com/scl/fi/pd6c4q166jnbxassu9h6v/2025-03-07-11-52-03.mp4?rlkey=z69yjqiipsm7e1fkkfsidbqdg&st=ri3q7wxe&dl=0

Hi ​@Jakub_Murko1 ,

Thanks for the clarifications! I believe this is currently a limitation of the overlay feature, since using the left/right keys navigates to the previous or next frame.

I know this isn’t the ideal solution, but one workaround is to wrap the content in a frame and connect the modals using smart animate.
 

I'm afraid I can't be of much help on this, but I'll pass your feedback along to our internal team for future improvements!

Thanks,
Toku

Hi ​@y_toku 

Yes, I've been using this idea for several years now. The only downside is that when the first frame changes, I always have to update the frame under the modal, which is a bit annoying.

Anyway, thanks for your willingness to help! If this could be improved further, I would be really grateful. :)

Thank you!

​@Jakub_Murko1 thanks for your understanding!