From 8299cc81401120d4c510c1075d3a0bdf56074e76 Mon Sep 17 00:00:00 2001
From: Henry Bley-Vroman <olets@olets.dev>
Date: Wed, 17 Apr 2024 15:36:30 -1000
Subject: [PATCH] a11y(VPSidebarItem): no nested controls... [#3517]

Makes sidebar item group toggle's caret not focusable.
Clicking on caret still toggles the group.
---
 src/client/theme-default/components/VPSidebarItem.vue | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/client/theme-default/components/VPSidebarItem.vue b/src/client/theme-default/components/VPSidebarItem.vue
index 59782e0d..3580dff6 100644
--- a/src/client/theme-default/components/VPSidebarItem.vue
+++ b/src/client/theme-default/components/VPSidebarItem.vue
@@ -48,10 +48,6 @@ function onItemInteraction(e: MouseEvent | Event) {
   }
   !props.item.link && toggle()
 }
-
-function onCaretClick() {
-  props.item.link && toggle()
-}
 </script>
 
 <template>
@@ -84,11 +80,6 @@ function onCaretClick() {
       <div
         v-if="item.collapsed != null && item.items && item.items.length"
         class="caret"
-        role="button"
-        aria-label="toggle section"
-        @click="onCaretClick"
-        @keydown.enter="onCaretClick"
-        tabindex="0"
       >
         <span class="vpi-chevron-right caret-icon" />
       </div>