From 032adf13242e701acece5bbfe6bfebc4f77707ee Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@chrisrebert.com>
Date: Sun, 17 Jan 2016 22:23:29 -0800
Subject: [PATCH] Apply word-wrap:break-word to Tooltips and Popovers

Fixes #16871 for v4
---
 scss/_popover.scss           | 2 ++
 scss/_tooltip.scss           | 2 ++
 scss/mixins/_reset-text.scss | 3 +--
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/scss/_popover.scss b/scss/_popover.scss
index 303850cc0c..9ea8c14758 100644
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -10,6 +10,8 @@
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
   font-size: $font-size-sm;
+  // Allow breaking very long words so they don't overflow the popover's bounds
+  word-wrap: break-word;
   background-color: $popover-bg;
   background-clip: padding-box;
   border: $popover-border-width solid $popover-border-color;
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index a17aefc0ae..e8151af07d 100644
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -7,6 +7,8 @@
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
   font-size: $font-size-sm;
+  // Allow breaking very long words so they don't overflow the tooltip's bounds
+  word-wrap: break-word;
   opacity: 0;
 
   &.in { opacity: $tooltip-opacity; }
diff --git a/scss/mixins/_reset-text.scss b/scss/mixins/_reset-text.scss
index 014dff5665..e1d1725fad 100644
--- a/scss/mixins/_reset-text.scss
+++ b/scss/mixins/_reset-text.scss
@@ -1,6 +1,6 @@
 @mixin reset-text {
   font-family: $font-family-base;
-  // We deliberately do NOT reset font-size.
+  // We deliberately do NOT reset font-size or word-wrap.
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
@@ -14,5 +14,4 @@
   white-space: normal;
   word-break: normal;
   word-spacing: normal;
-  word-wrap: normal;
 }