Vanilla JS Implementation about makeup-keyboard-trap HOT 1 CLOSED

You are more than welcome, thank you for the kind words and I'm glad you've found it useful. Oh, and sorry for the long wait!

In terms of the outer traps, it's a bit of an edge case. Imagine if a user switches from keyboard to mouse and clicks on something outside the trapped area. If they then again switch back to keyboard and tab through the page, the outer trap ensures focus gets moved to the first element inside the trap. If it wasn't there, the inner trap would be hit and it would move focus to the last element in the trapped area, which would be odd. Like I say, an edge case, and maybe not strictly necessary, especially in the case of a modal dialog with mask that prevents users from clicking outside trapped area.

Hope that makes sense! If you have any ideas for improvements, be sure to let me know.

from makeup-keyboard-trap.