Fix show event no fire when <Float> enabled show

Author: ycs77

packages/react/test/unit/events.test.tsx

@@ -54,6 +54,26 @@ describe('Events', () => {
     expect(onHide).toHaveBeenCalledTimes(2)
   })
 
+  // this test is failed because the <Transition>'s beforeEnter and
+  // afterLeave event is can't correct fired in testing.
+  it.skip('should fire show when <Float> enabled show', async () => {
+    const onShow = vi.fn()
+
+    render(
+      <Menu>
+        <Float show onShow={() => onShow()}>
+          <Menu.Button>button</Menu.Button>
+          <Menu.Items static>content</Menu.Items>
+        </Float>
+      </Menu>
+    )
+
+    await waitFor()
+
+    expect(screen.queryByRole('menu')).toBeInTheDocument()
+    expect(onShow).toHaveBeenCalledTimes(1)
+  })
+
   // this test is failed because the <Transition>'s beforeEnter and
   // afterLeave event is can't correct fired in testing.
   it.skip('don\'t fire show & hide events on input <Combobox>', async () => {

packages/vue/src/float.ts

@@ -452,7 +452,7 @@ export function useFloat<T extends ReferenceElement>(
     } else if (!show && oldShow) {
       emit('hide')
     }
-  })
+  }, { immediate: true })
 
   function updateFloating() {
     if (isVisible.value) {

packages/vue/test/unit/events.test.ts

@@ -55,6 +55,26 @@ describe('Events', () => {
     expect(onHide).toHaveBeenCalledTimes(2)
   })
 
+  it('should fire show when <Float> enabled show', async () => {
+    const onShow = vi.fn()
+
+    render(defineComponent({
+      components: { Menu, MenuButton, MenuItem, MenuItems, Float },
+      methods: { onShow },
+      template: html`
+        <Menu>
+          <Float show @show="onShow">
+            <MenuButton>button</MenuButton>
+            <MenuItems static>content</MenuItems>
+          </Float>
+        </Menu>
+      `,
+    }))
+
+    expect(screen.queryByRole('menu')).toBeInTheDocument()
+    expect(onShow).toHaveBeenCalledTimes(1)
+  })
+
   it('don\'t fire show & hide events on input <Combobox>', async () => {
     const onShow = vi.fn()
     const onHide = vi.fn()