Take letter-spacing into account when sizing container.

pablosichert · Mar 28, 2017 · f1edb23 · f1edb23
1 parent 3a293cd
commit f1edb23
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/Truncate.js b/src/Truncate.js
@@ -156,7 +156,9 @@ export default class Truncate extends Component {
     }
 
     measureWidth(text) {
-        return this.canvas.measureText(text).width;
+        const targetStyles = window.getComputedStyle(this.refs.target);
+        const letterSpacing = parseFloat(targetStyles['letter-spacing']) || 0;
+        return this.canvas.measureText(text).width + (letterSpacing * text.length);
     }
 
     ellipsisWidth(node) {