chore(docs): add note itemHeight for virtualization

heroui-inc · Feb 11, 2025 · 2a4d693 · 2a4d693
1 parent a1cc378
commit 2a4d693
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 67 deletions.
diff --git a/apps/docs/content/docs/components/autocomplete.mdx b/apps/docs/content/docs/components/autocomplete.mdx
@@ -337,6 +337,8 @@ The `maxListboxHeight` prop is used to set the maximum height of the listbox. Th
 
 The `itemHeight` prop is used to set the height of each item in the listbox. This is required when using virtualization. By default, it's set to `32`.
 
+> **Note**: If the height of the list items differs from the default due to `startContent` or other custom content, be sure to pass the correct value to `itemHeight` to prevent layout issues.
+
 <CodeDemo title="Custom Item Height" files={autocompleteContent.virtualizationCustomItemHeight} />
 
 ### With Sections

diff --git a/apps/docs/content/docs/components/listbox.mdx b/apps/docs/content/docs/components/listbox.mdx
@@ -153,7 +153,7 @@ function App() {
 
 ### Virtualization
 
-Select supports virtualization, which allows efficient rendering of large lists by only rendering items that are visible in the viewport. You can enable virtualization by setting the `isVirtualized` prop to `true`.
+Listbox supports virtualization, which allows efficient rendering of large lists by only rendering items that are visible in the viewport. You can enable virtualization by setting the `isVirtualized` prop to `true`.
 
 <CodeDemo
   title="Virtualization"