fix: manage margin bottom on AutoCompleteSearch when list is empty (#824

) * RM#87262
axelor · Dec 5, 2024 · 0044c57 · 0044c57
1 parent 9545661
commit 0044c57
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/changelogs/unreleased/87262.json b/changelogs/unreleased/87262.json
@@ -0,0 +1,5 @@
+{
+  "title": "AutoCompleteSearch: manage margin bottom when the list is empty",
+  "type": "fix",
+  "packages": "ui"
+}
diff --git a/packages/ui/src/components/organisms/AutoCompleteSearch/AutoCompleteSearch.tsx b/packages/ui/src/components/organisms/AutoCompleteSearch/AutoCompleteSearch.tsx
@@ -254,7 +254,12 @@ const AutoCompleteSearch = ({
 
   const marginBottom = useMemo(() => {
     if (isScrollViewContainer && displayList) {
-      return 5 * ITEM_HEIGHT + 5;
+      const visibleListLength = Math.max(
+        !Array.isArray(objectList) ? 0 : Math.min(objectList.length, 5),
+        1,
+      );
+
+      return visibleListLength * ITEM_HEIGHT + 5;
     }
 
     return null;