Merge pull request #47 from pc035860/fix-raf-async

Fix async this.forceUpdate() issue caused by requestAnimationFrame delay

Author: ShinyChang

src/TextTruncate.js

@@ -1,6 +1,10 @@
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 
+const requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
+                              window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
+const cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame;
+
 export default class TextTruncate extends Component {
     static propTypes = {
         containerClassName: PropTypes.string,
@@ -36,10 +40,16 @@ export default class TextTruncate extends Component {
 
     componentWillUnmount() {
         window.removeEventListener('resize', this.onResize);
+        if (this.rafId) {
+          cancelAnimationFrame(this.rafId);
+        }
     }
 
     onResize = () => {
-        window.requestAnimationFrame(this.update.bind(this))
+        if (this.rafId) {
+          cancelAnimationFrame(this.rafId);
+        }
+        this.rafId = requestAnimationFrame(this.update.bind(this))
     };
 
     update = () => {