a11y(VPSidebarItem): no nested controls... [#3517]

Makes sidebar item group toggle's caret not focusable.
Clicking on caret still toggles the group.
pull/3802/head
Henry Bley-Vroman 1 year ago
parent 469ff3841e
commit 8299cc8140

@ -48,10 +48,6 @@ function onItemInteraction(e: MouseEvent | Event) {
} }
!props.item.link && toggle() !props.item.link && toggle()
} }
function onCaretClick() {
props.item.link && toggle()
}
</script> </script>
<template> <template>
@ -84,11 +80,6 @@ function onCaretClick() {
<div <div
v-if="item.collapsed != null && item.items && item.items.length" v-if="item.collapsed != null && item.items && item.items.length"
class="caret" class="caret"
role="button"
aria-label="toggle section"
@click="onCaretClick"
@keydown.enter="onCaretClick"
tabindex="0"
> >
<span class="vpi-chevron-right caret-icon" /> <span class="vpi-chevron-right caret-icon" />
</div> </div>

Loading…
Cancel
Save