[USelectMenu] in [UFormGroup] doesn't closing

[9uenther]

USelectMenu in UFormGroup does not close options after selection by click. Selection with keyboard works fine.

<template>
  <UFormGroup>
    <USelectMenu 
      v-model="userSel" 
      :options="userList"
    />
  </UFormGroup>
</template>
<script setup>
  const userSel = ref()
  const userList = ['Wade Cooper', 'Arlene Mccoy', 'Devon Webb', 'Tom Cook', 'Tanya Fox', 'Hellen Schmidt', 'Caroline Schultz', 'Mason Heaney', 'Claudie Smitham', 'Emil Schaefer']
</script>
<style>
/**/
</style>

[Haythamasalama]

Hi @9uenther, I tried this, and it worked for me without any problems ✅ . If you still encounter issues, could you please provide a minimal test case on StackBlitz ?

[9uenther]

https://stackblitz.com/edit/nuxt-ui-bcxy6z?file=app.config.ts,app.vue

I have this issue with Chrome, Brave and Firefox on Linux.

[benjamincanac]

This has already been fixed by #638 but not yet released. You can use the Edge channel to have the latest updates: https://ui.nuxt.com/getting-started/installation#edge

[benjamincanac]

Feel free to reopen if you have the bug on the Edge version or on the next release.

[benjamincanac]

Duplicate #621

[9uenther]

The same with "@nuxt/ui": "npm:@nuxt/ui-edge@latest"

https://stackblitz.com/edit/nuxt-ui-fiuue4?file=app.vue

[benjamincanac]

The package-lock.json of your reproduction has @nuxt/ui 2.8.1.