Akryum / Akryum/floating-vue

Accessibility: the active tooltip loses the ability to dismiss it with "escape" key when autoHide: true and noAutoFocus: true

Abierto
#1,027 1 comentario 2 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
3.5k
Forks
341
Merge medio
14 min
PR fusionados (30 d)
8

Descripción

After some searching, I found that v-tooltip is able to be dismissed when `autoHide: true` (reference: https://github.com/Akryum/floating-vue/issues/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: https://github.com/Akryum/floating-vue/issues/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 :)

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.