Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
mrc-bsllt opened this issue Jan 26, 2024 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@mrc-bsllt
Copy link

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.

@mrc-bsllt mrc-bsllt added the bug Something isn't working label Jan 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants