Merge pull request #20 from Panya/issue-12

Fix server-side rendering. Closes #12

Author: ShinyChang

lib/index.js

@@ -102,23 +102,15 @@
         }
 
         _createClass(TextTruncate, [{
-            key: 'componentWillMount',
-            value: function componentWillMount() {
+            key: 'componentDidMount',
+            value: function componentDidMount() {
                 var canvas = document.createElement('canvas');
                 var docFragment = document.createDocumentFragment();
+                var style = window.getComputedStyle(this.refs.scope);
+                var font = [style['font-weight'], style['font-style'], style['font-size'], style['font-family']].join(' ');
                 docFragment.appendChild(canvas);
                 this.canvas = canvas.getContext('2d');
-            }
-        }, {
-            key: 'componentDidMount',
-            value: function componentDidMount() {
-                var style = window.getComputedStyle(this.refs.scope);
-                var font = [];
-                font.push(style['font-weight']);
-                font.push(style['font-style']);
-                font.push(style['font-size']);
-                font.push(style['font-family']);
-                this.canvas.font = font.join(' ');
+                this.canvas.font = font;
                 this.forceUpdate();
 
                 if (this.props.raf) {

src/TextTruncate.js

@@ -18,21 +18,19 @@ export default class TextTruncate extends Component {
         raf: true
     };
 
-    componentWillMount() {
+    componentDidMount() {
         let canvas = document.createElement('canvas');
         let docFragment = document.createDocumentFragment();
+        let style = window.getComputedStyle(this.refs.scope);
+        let font = [
+            style['font-weight'],
+            style['font-style'],
+            style['font-size'],
+            style['font-family']
+        ].join(' ');
         docFragment.appendChild(canvas);
         this.canvas = canvas.getContext('2d');
-    }
-
-    componentDidMount() {
-        let style = window.getComputedStyle(this.refs.scope);
-        let font = [];
-        font.push(style['font-weight']);
-        font.push(style['font-style']);
-        font.push(style['font-size']);
-        font.push(style['font-family']);
-        this.canvas.font = font.join(' ');
+        this.canvas.font = font;
         this.forceUpdate();
 
         if (this.props.raf) {