Fix incorrect detection on zooming

h-kanazawa · Aug 18, 2021 · 5621d4a · 5621d4a
1 parent 8a78a9f
commit 5621d4a
Showing 1 changed file with 11 additions and 14 deletions.
diff --git a/src/DetectableOverflow.tsx b/src/DetectableOverflow.tsx
@@ -21,7 +21,6 @@ const defaultStyle: object = {
 };
 
 export class DetectableOverflow extends React.Component<Props, States> {
-
   private ref: React.RefObject<HTMLElement>;
 
   constructor(props: Props) {
@@ -45,8 +44,8 @@ export class DetectableOverflow extends React.Component<Props, States> {
     }
 
     const newState =
-      this.ref.current.offsetWidth !== this.ref.current.scrollWidth ||
-      this.ref.current.offsetHeight !== this.ref.current.scrollHeight;
+      this.ref.current.offsetWidth < this.ref.current.scrollWidth ||
+      this.ref.current.offsetHeight < this.ref.current.scrollHeight;
 
     if (newState === this.state.isOverflowed) {
       return;
@@ -65,17 +64,15 @@ export class DetectableOverflow extends React.Component<Props, States> {
 
     return (
       <ReactResizeDetector handleWidth onResize={this.updateState} targetRef={this.ref}>
-        {
-          React.createElement(
-            tag,
-            {
-              style,
-              className,
-              ref: this.ref,
-            },
-            this.props.children,
-          )
-        }
+        {React.createElement(
+          tag,
+          {
+            style,
+            className,
+            ref: this.ref,
+          },
+          this.props.children
+        )}
       </ReactResizeDetector>
     );
   }