fix

bicstone · Jun 16, 2023 · 0f60805 · 0f60805
1 parent ee7a83b
commit 0f60805
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/features/Timeline/TimelineList.tsx b/src/features/Timeline/TimelineList.tsx
@@ -177,13 +177,14 @@ export const TimelineList = ({
   if (virtualized) {
     return (
       <VirtuosoGrid
-        useWindowScroll
         data={flatNodes}
         components={{
           List: Container,
         }}
         itemContent={(index, item) => <TimelineItem key={index} item={item} />}
+        overscan={10}
         style={{ height: "100%" }}
+        useWindowScroll
       />
     );
   }

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -90,7 +90,11 @@ const IndexPage = ({ data }: PageProps<IndexPageQuery>): JSX.Element => {
       <Container
         maxWidth="md"
         fixed
-        css={(theme) => ({ margin: theme.spacing(4, "auto") })}
+        css={(theme) => ({
+          margin: theme.spacing(4, "auto"),
+          // prevent flickering caused by virtual scrolling
+          minHeight: "200vh",
+        })}
       >
         <BioCardList />
         <Spacer y={6} />