From ef3faea0c77c948e646a83cd269abf3766b51e00 Mon Sep 17 00:00:00 2001
From: Paul Gascou-Vaillancourt <paul.gascvail@gmail.com>
Date: Mon, 29 Apr 2019 16:07:16 -0400
Subject: Add wbr style for IE11 compatibility

---
 app/assets/stylesheets/framework/typography.scss  | 4 ++++
 changelogs/unreleased/friendly-wrap-component.yml | 5 +++++
 2 files changed, 9 insertions(+)
 create mode 100644 changelogs/unreleased/friendly-wrap-component.yml

diff --git a/app/assets/stylesheets/framework/typography.scss b/app/assets/stylesheets/framework/typography.scss
index 244b414d334..7c152efd9c7 100644
--- 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;
+}
diff --git a/changelogs/unreleased/friendly-wrap-component.yml b/changelogs/unreleased/friendly-wrap-component.yml
new file mode 100644
index 00000000000..c16ca0af287
--- /dev/null
+++ b/changelogs/unreleased/friendly-wrap-component.yml
@@ -0,0 +1,5 @@
+---
+title: Add CSS fix for <wbr> elements on IE11
+merge_request: 27846
+author:
+type: other
-- 
cgit v1.2.1