Vue.js / how to handle hotkeys based on shown component order?

Question

JavaScript

the project has different pop-ups that pop up on top of the notification, exit side panels, etc., which can be layered one on top of the other

, you need to close them one by one by pressing esc, depending on which component is considered active at the moment, by default - the one that got out on the screen last, or the one where the user does something (fills out a form for example)

tell me the appropriate libraries that will take into account the order of the displayed elements