radix-vue / radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

Home Page:https://radix-vue.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: Combobox does not close correctly when used in modals

cyyynthia opened this issue · comments

Environment

Developement/Production OS: Arch Linux 6.8.7-arch1-2
Node version: v20.11.0
Package manager: yarn@1.22.22
Radix Vue version: 1.8.1
Vue version: 3.4.15
Nuxt version: N/A
Nuxt mode: N/A
Nuxt target: N/A
CSS framework: N/A
Client OS: Arch Linux 6.8.7-arch1-2
Browser: Chromium 124.0.6367.91 (Official Build)

Link to minimal reproduction

https://stackblitz.com/edit/rhvkkt-vj6r5e

Steps to reproduce

  • Click on the Edit profile button
  • Open the Combobox by clicking on the arrow
  • Click somewhere else inside the modal

Describe the bug

The combobox does not close and stays open. If multiple comboboxes are present, opening another one will not close the already opened combobox either.

Expected behavior

The combobox should close when we click elsewhere inside the modal. It does however work appropriately when clicking on the overlay.

Context & Screenshots (if applicable)

No response