optional listen to window resize event

pablosichert · Nov 26, 2019 · 3559dbd · 3559dbd
1 parent b423b36
commit 3559dbd
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/Truncate.js b/src/Truncate.js
@@ -11,15 +11,17 @@ export default class Truncate extends Component {
         ]),
         trimWhitespace: PropTypes.bool,
         width: PropTypes.number,
-        onTruncate: PropTypes.func
+        onTruncate: PropTypes.func,
+        listenToResize: PropTypes.bool
     };
 
     static defaultProps = {
         children: '',
         ellipsis: '…',
         lines: 1,
         trimWhitespace: false,
-        width: 0
+        width: 0,
+        listenToResize: true
     };
 
     state = {};
@@ -56,7 +58,9 @@ export default class Truncate extends Component {
             }
         });
 
-        window.addEventListener('resize', onResize);
+        if (this.props.listenToResize) {
+            window.addEventListener('resize', onResize);
+        }
     }
 
     componentDidUpdate(prevProps) {
@@ -84,7 +88,9 @@ export default class Truncate extends Component {
             ellipsis.parentNode.removeChild(ellipsis);
         }
 
-        window.removeEventListener('resize', onResize);
+        if (this.props.listenToResize) {
+            window.removeEventListener('resize', onResize);
+        }
 
         window.cancelAnimationFrame(timeout);
     }