fix(autocomplete): exit animation on popover close (#3845)

* fix(autocomplete): exit animation on popover close * refactor(autocomplete): getListBoxProps --------- Co-authored-by: WK Wong <[email protected]>
nextui-org · Oct 5, 2024 · 780ba43 · 780ba43
1 parent 781b855
commit 780ba43
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/mighty-birds-deny.md b/.changeset/mighty-birds-deny.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/autocomplete": patch
+---
+
+Return null if there are items for exit animation on popover close to work
diff --git a/packages/components/autocomplete/src/autocomplete.tsx b/packages/components/autocomplete/src/autocomplete.tsx
@@ -31,15 +31,17 @@ function Autocomplete<T extends object>(props: Props<T>, ref: ForwardedRef<HTMLI
  getEndContentWrapperProps,
  } = useAutocomplete<T>({...props, ref});
 
+ const listboxProps = getListBoxProps();
+
  const popoverContent = isOpen ? (
  <FreeSoloPopover {...getPopoverProps()}>
  <ScrollShadow {...getListBoxWrapperProps()}>
- <Listbox {...getListBoxProps()} />
+ <Listbox {...listboxProps} />
  </ScrollShadow>
  </FreeSoloPopover>
- ) : (
+ ) : listboxProps.state?.collection.size === 0 ? (
  <div {...getEmptyPopoverProps()} />
- );
+ ) : null;
 
  return (
  <Component {...getBaseProps()}>