-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(autocomplete): empty items with allowCustomValue #2674
Conversation
🦋 Changeset detectedLatest commit: a926914 The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
WalkthroughThis update addresses a bug in the Changes
Assessment against linked issues
Recent Review StatusConfiguration used: .coderabbit.yaml Files selected for processing (3)
Additional comments not posted (4)
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configration File (
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Closes #2554
📝 Description
In
useComboBox.ts
, whenstate.isOpen
, it will pass input ref and popover ref toariaHideOutside
, where the error was thrown. If we have autocomplete with empty items + allowCustomValue, when we open the popover, the ref will be null causing the issue.ref: useComboBox.ts#L321 and ariaHideOutside.ts#L112
⛳️ Current behavior (updates)
Autocomplete with empty items + allowCustomValue -> open popover -> see the error
🚀 New behavior
No error is shown
💣 Is this a breaking change (Yes/No):
📝 Additional Information
Summary by CodeRabbit
Bug Fixes
allowCustomValue
would not render properly due to a null node problem.New Features
Autocomplete
component to render an emptydiv
when there are no suggestions, improving the user interface.