shadcn-vue icon indicating copy to clipboard operation
shadcn-vue copied to clipboard

[Bug]: Popover in Tags Input with Combobox doesn't close when clicking outside.

Open BroccoliBasti opened this issue 1 year ago • 4 comments
trafficstars

Reproduction

https://stackblitz.com/edit/cku9c3?file=src%2FApp.vue

Describe the bug

When using the Tags Input with Combobox the popover doesn't close when you click outside of it, nor can it be closed by any other means. This issue is also present in the documentation page for Tags Input: Popover issue

System Info

Tested in the latest versions of both Brave and Firefox.

Contributes

  • [ ] I am willing to submit a PR to fix this issue
  • [ ] I am willing to submit a PR with failing tests

BroccoliBasti avatar Mar 13 '24 15:03 BroccoliBasti

@BroccoliBasti Hey just use dismissable on CommandList

For some reason, we decided to make the default dismissable prop in CommandList to false, until the new Listbox component arrives at the radix-vue

The reason was Popover already had DismissableLayer and CommandList also had the same functionality too

sadeghbarati avatar Mar 13 '24 16:03 sadeghbarati

@sadeghbarati any news about this ? since Listbox component was released

Flowko avatar Apr 24 '24 20:04 Flowko

@sadeghbarati any updates? ListBox released, dismissable now deprecated and removed at 2.0.0 version of radix vue

letovsk1y avatar Jun 02 '24 17:06 letovsk1y

@Flowko sorry for late response @letovsk1y

https://stackblitz.com/edit/5stbzq?file=src%2FApp.vue

Popover + Listbox is more recommended for now

Hope v2 land soon then we can use these component without worrying about these problems

sadeghbarati avatar Jun 03 '24 11:06 sadeghbarati