fix(Select): 'popper' item not focused when open via arrow navigation (…

…#659)
radix-vue · Feb 5, 2024 · 7b3c606 · 7b3c606
1 parent 1021bf1
commit 7b3c606
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/radix-vue/src/Popper/PopperContent.vue b/packages/radix-vue/src/Popper/PopperContent.vue
@@ -170,6 +170,9 @@ defineOptions({
 const props = withDefaults(defineProps<PopperContentProps>(), {
   ...PopperContentPropsDefaultValue,
 })
+const emits = defineEmits<{
+  placed: [void]
+}>()
 const rootContext = injectPopperRootContext()
 
 const { forwardRef, currentElement: contentElement } = useForwardExpose()
@@ -290,6 +293,11 @@ const placedAlign = computed(
   () => getSideAndAlignFromPlacement(placement.value)[1],
 )
 
+watchEffect(() => {
+  if (isPositioned.value)
+    emits('placed')
+})
+
 const cannotCenterArrow = computed(
   () => middlewareData.value.arrow?.centerOffset !== 0,
 )