Remove resize event listener when the component is unmounted.

bond-agency · Dec 22, 2016 · 089eb8a · 089eb8a
1 parent b2c24fa
commit 089eb8a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/lib/index.js b/lib/index.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-flowtype",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "React implementation of flowtype.js: font-size based on element width. Allows you to keep the ideal amount of characters per line, while scaling font size.",
   "main": "lib/index.js",
   "scripts": {

diff --git a/src/index.js b/src/index.js
@@ -2,12 +2,19 @@ import React, {PropTypes} from 'react'
 
 export default class FlowType extends React.Component {
 
+  constructor () {
+    super()
+    this.updateWidthFont = this.updateWidthFont.bind(this)
+  }
+
   componentDidMount () {
     this.updateSettings()
     this.updateWidthFont()
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', this.updateWidthFont.bind(this))
-    }
+    window.addEventListener('resize', this.updateWidthFont)
+  }
+
+  componentWillUnmount () {
+    window.removeEventListener('resize', this.updateWidthFont)
   }
 
   componentWillReceiveProps () {