fix(toasts): IE11 shrinks toasts when in flex container, unless we specify flex-basis

diff --git a/scss/_toasts.scss b/scss/_toasts.scss
index 6aa5352a383ccb41d3c6871bed0df5a17f03c10a..1d9ec13578c4f554f3207f5f8b03d43e36f254bb 100644 (file)
--- a/scss/_toasts.scss
+++ b/scss/_toasts.scss
@@ -1,4 +1,7 @@
 .toast {
+  // Prevents from shrinking in IE11, when in a flex container
+  // See https://github.com/twbs/bootstrap/issues/28341
+  flex-basis: $toast-max-width;
   max-width: $toast-max-width;
   overflow: hidden; // cheap rounded corners on nested items
   @include font-size($toast-font-size);