vue-final / vue-final-modal

🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
https://vue-final-modal.org
MIT License
862 stars 95 forks source link

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

Open mrc-bsllt opened 5 months ago

mrc-bsllt commented 5 months ago

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.