mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-23 11:59:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [dropdown] fix A11y when tooltip show (#8655)

Browse Source
This commit is contained in:
RJW 2022-07-07 23:09:29 +08:00 committed by GitHub
parent 468c3a3274
commit 7f3000aa26
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/components/dropdown/src/dropdown.vue
View File

@ -24,8 +24,9 @@
teleported
pure
persistent
@before-show="handleShowTooltip"
@before-hide="handleHideTooltip"
@before-show="handleBeforeShowTooltip"
@show="handleShowTooltip"
@before-hide="handleBeforeHideTooltip"
>
<template #content>
<el-scrollbar
@ -191,13 +192,17 @@ export default defineComponent({
}
}
function handleBeforeShowTooltip() {
emit('visible-change', true)
}
function handleShowTooltip(event?: Event) {
if (event?.type === 'keydown') {
contentRef.value.focus()
}
emit('visible-change', true)
}
function handleHideTooltip() {
function handleBeforeHideTooltip() {
emit('visible-change', false)
}
@ -245,8 +250,9 @@ export default defineComponent({
handleEntryFocus,
handleClose,
handleOpen,
handleBeforeShowTooltip,
handleShowTooltip,
handleHideTooltip,
handleBeforeHideTooltip,
onFocusAfterTrapped,
popperRef,
contentRef,