Add wbr style for IE11 compatibility

ef3faea0 · Paul Gascou-Vaillancourt · 1309e180 · ef3faea0 · ef3faea0
Commit ef3faea0 authored Apr 29, 2019 by Paul Gascou-Vaillancourt
Showing with 9 additions and 0 deletions

app/assets/stylesheets/framework/typography.scss app/assets/stylesheets/framework/typography.scss +4 -0

changelogs/unreleased/friendly-wrap-component.yml changelogs/unreleased/friendly-wrap-component.yml +5 -0

No files found.
--- a/app/assets/stylesheets/framework/typography.scss
+++ b/app/assets/stylesheets/framework/typography.scss
@@ -473,3 +473,7 @@ textarea {
 /* stylelint-enable */

 .lh-100 { line-height: 1; }
+
+wbr {
+  display: inline-block;
+}
--- a/changelogs/unreleased/friendly-wrap-component.yml
+++ b/changelogs/unreleased/friendly-wrap-component.yml
+---
+title: Add CSS fix for <wbr> elements on IE11
+merge_request: 27846
+author:
+type: other