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.

Sign up for GitHub

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

Jump to bottom

The tab key does not select the action buttons in modals by default #2261

Closed
AlexandreBonneau opened this issue Oct 20, 2017 · 1 comment
Closed

The tab key does not select the action buttons in modals by default #2261

AlexandreBonneau opened this issue Oct 20, 2017 · 1 comment
Assignees
@KaelWD
Labels
T: enhancement Functionality that enhances existing features

Comments

@AlexandreBonneau
Copy link
Contributor

Steps to reproduce

  • Open a <v-dialog>
  • Hit the tab key

Versions

Vuetify 0.16.1
Nuxt 1.0.0-rc11
Linux
Firefox 56

What is expected ?

The action buttons in that modal should be selected

What is actually happening ?

Instead the DOM elements behind the scrim are selected

Reproduction Link

You can see this happening in the documentation (example number 2) here

Potential solution

If you want tab to select the Disagree button in that example, you first have to click somewhere in the modal.
I think by default the focus should be given on the modal via JS.
@KaelWD KaelWD added the T: enhancement Functionality that enhances existing features label Oct 20, 2017
@KaelWD KaelWD self-assigned this Oct 21, 2017
@KaelWD KaelWD closed this as completed in 4bcda35 Oct 21, 2017
@nborko nborko mentioned this issue Nov 16, 2017
Closed
@lock
Copy link

lock bot commented Apr 15, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

@lock lock bot locked as resolved and limited conversation to collaborators Apr 15, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@KaelWD KaelWD

Labels
T: enhancement Functionality that enhances existing features
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@AlexandreBonneau @KaelWD