-
Notifications
You must be signed in to change notification settings - Fork 337
-
Notifications
You must be signed in to change notification settings - Fork 337
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
Accessibility: the active tooltip loses the ability to dismiss it with "escape" key when autoHide: true and noAutoFocus: true #1027
Comments
There is no alternative for I did try a suboptimal workaround for escaping the tooltip via keyboard, but it doesn't work 100% of the time, and it's not pretty. Updating Component.vue
mixin.js
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
After some searching, I found that v-tooltip is able to be dismissed when
autoHide: true
(reference: #159)I also found that when tab-navigating to links or non-semantic HTML elements that use tabindex="0", we're now able to prevent the focus from shifting to the tooltip itself by setting
noAutoFocus: true
, which is great for accessibility because it doesn't lose meaningful sequence when tabbing through the DOM elements. (reference: #872)The problem is when these two settings are combined, escaping to hide the tooltip no longer works.
Just wondering if there was a way around this natively that I might've missed.
Thanks for the great library :)
The text was updated successfully, but these errors were encountered: