vue-final/vue-final-modal

Problems with focusTrap and warnings in the terminal after version change.

mrc-bsllt opened this issue · 0 comments

Version

vue-final-modal: 4.4.6 (but also 4.5.3)
nuxt: 3.8.1 (but also 3.9.3)

OS

Mac

Reproduction Link

https://stackblitz.com/edit/nuxt-starter-w7rfyt?file=package.json

Steps to reproduce

Try first doing focus with the tab key in the first datepicker, when the drop-down opens, press the key down arrow and the focus goes correctly to the calendar days. Do the same thing in the datepicker inside the modal, when you press the key down arrow the focus goes nowhere.

What is Expected?

I expect the datepicker inside the modal to work exactly like the one outside (as in vue-final-modal version 3).
And that the warning in the console be removed

What is actually happening?

At present, the datepicker within the modal, after focusing with the tab key and the panel with the days opens, cannot be navigated with the keyboard.
Then a strange warning appears in the terminal

Screenshot 2024-01-26 alle 09 28 34

But that code is nowhere to be found.