new(vx-responsive): add leading option to resize debounce

airbnb · Jun 18, 2020 · 6cb347c · 6cb347c
1 parent cb802d1
commit 6cb347c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/vx-responsive/src/components/ParentSize.tsx b/packages/vx-responsive/src/components/ParentSize.tsx
@@ -66,7 +66,7 @@ export default class ParentSize extends React.Component<
 
   resize = debounce(({ width, height, top, left }: ParentSizeState) => {
     this.setState(() => ({ width, height, top, left }));
-  }, this.props.debounceTime);
+  }, this.props.debounceTime, { leading: true });
 
   setTarget = (ref: HTMLDivElement | null) => {
     this.target = ref;

diff --git a/packages/vx-responsive/src/enhancers/withParentSize.tsx b/packages/vx-responsive/src/enhancers/withParentSize.tsx
@@ -63,7 +63,7 @@ export default function withParentSize<BaseComponentProps extends WithParentSize
         parentWidth: width,
         parentHeight: height,
       });
-    }, this.props.debounceTime);
+    }, this.props.debounceTime, { leading: true });
 
     render() {
       const { parentWidth, parentHeight } = this.state;

diff --git a/packages/vx-responsive/src/enhancers/withScreenSize.tsx b/packages/vx-responsive/src/enhancers/withScreenSize.tsx
@@ -45,7 +45,7 @@ export default function withScreenSize<BaseComponentProps extends WithScreenSize
           screenHeight: window.innerHeight,
         };
       });
-    }, this.props.windowResizeDebounceTime);
+    }, this.props.windowResizeDebounceTime, { leading: true });
 
     render() {
       const { screenWidth, screenHeight } = this.state;