remove raf

mui · Oct 15, 2020 · 5274172 · 5274172
1 parent e6631f9
commit 5274172
Showing 1 changed file with 6 additions and 13 deletions.
diff --git a/packages/grid/_modules_/grid/components/ScrollArea.tsx b/packages/grid/_modules_/grid/components/ScrollArea.tsx
@@ -16,7 +16,6 @@ export const ScrollArea = React.memo(function ScrollArea(props: ScrollAreaProps)
   const { scrollDirection } = props;
   const rootRef = React.useRef<HTMLDivElement>(null);
   const api = React.useContext(ApiContext);
-  const rafRef = React.useRef(0);
   const timeout = React.useRef<number>();
   const [dragging, setDragging] = React.useState<boolean>(false);
   const scrollPosition = React.useRef<ScrollParams>({
@@ -42,17 +41,12 @@ export const ScrollArea = React.memo(function ScrollArea(props: ScrollAreaProps)
 
       offset = (offset - CLIFF) * SLOP + CLIFF;
 
-      // Throttle, max 60 Hz
-      cancelAnimationFrame(rafRef.current);
-
-      rafRef.current = requestAnimationFrame(() => {
-        // Wait for the frame to pain before updating the scroll position
-        clearTimeout(timeout.current);
-        timeout.current = setTimeout(() => {
-          api!.current.scroll({
-            left: scrollPosition.current.left + offset,
-            top: scrollPosition.current.top,
-          });
+      clearTimeout(timeout.current);
+      // Avoid freeze and inertia.
+      timeout.current = setTimeout(() => {
+        api!.current.scroll({
+          left: scrollPosition.current.left + offset,
+          top: scrollPosition.current.top,
         });
       });
     },
@@ -61,7 +55,6 @@ export const ScrollArea = React.memo(function ScrollArea(props: ScrollAreaProps)
 
   React.useEffect(() => {
     return () => {
-      cancelAnimationFrame(rafRef.current);
       clearTimeout(timeout.current);
     };
   }, []);