nextui icon indicating copy to clipboard operation
nextui copied to clipboard

[BUG] - Autocomplete doesn't close when a open modal is open

Open daniel-esserweb opened this issue 1 year ago • 4 comments

NextUI Version

2.2.9

Describe the bug

If you place an autocomplete component inside a modal it does not close in any way unless you select an item

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Open a modal Click the autocomplete Click outside when autocomplete is open

Expected behavior

It should allow clicking anywhere on the overlay to close the autocomplete menu without closing the modal

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

daniel-esserweb avatar Nov 16 '23 16:11 daniel-esserweb

Maybe not exactly the same issue but I had a similar problem that was solved adding the prop allowsCustomValue={true} https://nextui.org/docs/components/autocomplete#autocomplete-props

tetslee avatar Nov 18 '23 02:11 tetslee

I am also having the same issue, plus the tab animations are also not working within the Modal

vinishanto avatar Dec 13 '23 06:12 vinishanto

Maybe not exactly the same issue but I had a similar problem that was solved adding the prop allowsCustomValue={true} https://nextui.org/docs/components/autocomplete#autocomplete-props

That's a good temporary solution. the problem is I don't want the user to select a custom value on the autocomplete, but I can handle it with a custom validation for now.

cmoscosoz avatar Jan 14 '24 20:01 cmoscosoz

Maybe not exactly the same issue but I had a similar problem that was solved adding the prop allowsCustomValue={true} https://nextui.org/docs/components/autocomplete#autocomplete-props

This resolved my issue. Thanks

NiroopR1999 avatar Feb 10 '24 19:02 NiroopR1999