nextui
nextui copied to clipboard
[BUG] - Autocomplete doesn't close when a open modal is open
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
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
I am also having the same issue, plus the tab animations are also not working within the Modal
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.
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