fix(RovingFocus): wrong focus on group instead of item

unovue · Sep 4, 2024 · 8fe9168 · 8fe9168
1 parent 0cf2c06
commit 8fe9168
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/radix-vue/src/RovingFocus/RovingFocusGroup.vue b/packages/radix-vue/src/RovingFocus/RovingFocusGroup.vue
@@ -102,10 +102,16 @@ function handleFocus(event: FocusEvent) {
       focusFirst(candidateItems, props.preventScrollOnEntryFocus)
     }
   }
-
   isClickFocus.value = false
 }
 
+function handleMouseUp() {
+  // reset `isClickFocus` after 1 tick because handleFocus might not triggered due to focused element
+  setTimeout(() => {
+    isClickFocus.value = false
+  }, 1)
+}
+
 defineExpose({
   getItems,
 })
@@ -140,6 +146,7 @@ provideRovingFocusGroupContext({
       :dir="dir"
       style="outline: none"
       @mousedown="isClickFocus = true"
+      @mouseup="handleMouseUp"
       @focus="handleFocus"
       @blur="isTabbingBackOut = false"
     >