backport elastic#1960

chandlerprall · May 23, 2019 · 9e9d7f4 · 9e9d7f4
1 parent 96b4e8f
commit 9e9d7f4
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,10 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `6.10.7`.
+**Note: this release is a backport containing changes originally made in `11.2.0`**
+
+**Bug fixes**
+
+- Addressed a chrome issue where negative letter-spacing can reverse RTL text in SVGs ([#1960](https://github.com/elastic/eui/pull/1960))
 
 ## [`6.10.7`](https://github.com/elastic/eui/tree/v6.10.7)
 

diff --git a/src/global_styling/reset/_hacks.scss b/src/global_styling/reset/_hacks.scss
@@ -0,0 +1,5 @@
+// Chrome has an issue around RTL languages in SVGs when letter-spacing is negative
+// https://bugs.chromium.org/p/chromium/issues/detail?id=966480
+svg text {
+  letter-spacing: normal !important; // sass-lint:disable-line no-important
+}
diff --git a/src/global_styling/reset/_index.scss b/src/global_styling/reset/_index.scss
@@ -1,2 +1,3 @@
 @import 'reset';
+@import 'hacks';
 @import 'scrollbar';
diff --git a/src/global_styling/reset/_reset.scss b/src/global_styling/reset/_reset.scss
@@ -131,4 +131,4 @@ hr {
 
 fieldset {
   min-inline-size: auto;
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -131,4 +131,4 @@ hr { @@
     fieldset {
       min-inline-size: auto;
-    }
+    }