Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMartijn Cuppens <martijn.cuppens@gmail.com>2019-02-06 13:38:13 +0300
committerXhmikosR <xhmikosr@gmail.com>2019-02-06 13:38:13 +0300
commit58470c0ac508df1b03e93faf5c2ff0e11fa3c078 (patch)
treeeeb033ef5f478e63a366ca7fb885e3dcde1dc4f5
parent6ea000d2bccee5ffabc4429a6fbc7cecf5152007 (diff)
Fix text break in Firefox (#28063)
-rw-r--r--scss/utilities/_text.scss5
-rw-r--r--site/docs/4.2/utilities/text.md2
2 files changed, 5 insertions, 2 deletions
diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss
index 7b137211f9..589e5687a8 100644
--- a/scss/utilities/_text.scss
+++ b/scss/utilities/_text.scss
@@ -62,7 +62,10 @@
.text-decoration-none { text-decoration: none !important; }
-.text-break { word-break: break-word !important; }
+.text-break {
+ word-break: break-word !important; // IE & < Edge 18
+ overflow-wrap: break-word !important;
+}
// Reset
diff --git a/site/docs/4.2/utilities/text.md b/site/docs/4.2/utilities/text.md
index 04f564c335..d25564a186 100644
--- a/site/docs/4.2/utilities/text.md
+++ b/site/docs/4.2/utilities/text.md
@@ -68,7 +68,7 @@ For longer content, you can add a `.text-truncate` class to truncate the text wi
## Word break
-Prevent long strings of text from breaking your components' layout by using `.text-break` to set `word-break: break-word`.
+Prevent long strings of text from breaking your components' layout by using `.text-break` to set `overflow-wrap: break-word` (and `word-break: break-word` for IE & Edge compatibility).
{% capture example %}
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>