Fix #49

Author: ShinyChang

README.md

@@ -41,6 +41,7 @@ var TextTruncate = require('react-text-truncate'); // CommonJS or UMD
     Please polyfill `requestAnimationFrame` before you called `<TextTruncated />`
 
 ## Changelog
+* 0.10.2 Fix truncated wrong when font property changed
 * 0.10.1 Fix unknown prop `element`
 * 0.10.0 Allow pass `element` to specify root element type
 * 0.9.3 Fix SSR window not found (removed raf polyfill)

lib/index.js

@@ -107,6 +107,9 @@
         }
         _this.rafId = window.requestAnimationFrame(_this.update.bind(_this));
       }, _this.update = function () {
+        var style = window.getComputedStyle(_this.scope);
+        var font = [style['font-weight'], style['font-style'], style['font-size'], style['font-family']].join(' ');
+        _this.canvas.font = font;
         _this.forceUpdate();
       }, _temp), _possibleConstructorReturn(_this, _ret);
     }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-text-truncate",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "Truncate text for React.js",
   "main": "lib/index.js",
   "scripts": {

src/TextTruncate.js

@@ -51,6 +51,14 @@ export default class TextTruncate extends Component {
   };
 
   update = () => {
+    const style = window.getComputedStyle(this.scope);
+    const font = [
+      style['font-weight'],
+      style['font-style'],
+      style['font-size'],
+      style['font-family']
+    ].join(' ');
+    this.canvas.font = font;
     this.forceUpdate();
   };