add leading padding

mui · Dec 10, 2019 · 4fb403d · 4fb403d
1 parent 4158c0f
commit 4fb403d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/docs/src/pages/components/autocomplete/Virtualize.js b/docs/src/pages/components/autocomplete/Virtualize.js
@@ -10,7 +10,12 @@ import { Typography } from '@material-ui/core';
 
 function renderRow(props) {
   const { data, index, style } = props;
-  return React.cloneElement(data[index], { style });
+  return React.cloneElement(data[index], {
+    style: {
+      ...style,
+      top: style.top + 8,
+    },
+  });
 }
 
 // Adapter for react-window
@@ -45,8 +50,9 @@ const ListboxComponent = React.forwardRef(function ListboxComponent(props, ref)
     <div ref={ref}>
       <VariableSizeList
         itemData={itemData}
-        height={getHeight()}
+        height={getHeight() + 16}
         width="100%"
+        key={itemCount}
         outerElementType={outerElementType}
         innerElementType="ul"
         itemSize={index => getChildSize(itemData[index])}

diff --git a/docs/src/pages/components/autocomplete/Virtualize.tsx b/docs/src/pages/components/autocomplete/Virtualize.tsx
@@ -9,7 +9,12 @@ import { Typography } from '@material-ui/core';
 
 function renderRow(props: ListChildComponentProps) {
   const { data, index, style } = props;
-  return React.cloneElement(data[index], { style });
+  return React.cloneElement(data[index], {
+    style: {
+      ...style,
+      top: (style.top as number) + 8,
+    },
+  });
 }
 
 // Adapter for react-window
@@ -46,8 +51,9 @@ const ListboxComponent = React.forwardRef<HTMLDivElement>(function ListboxCompon
     <div ref={ref}>
       <VariableSizeList
         itemData={itemData}
-        height={getHeight()}
+        height={getHeight() + 16}
         width="100%"
+        key={itemCount}
         outerElementType={outerElementType}
         innerElementType="ul"
         itemSize={index => getChildSize(itemData[index])}