From d7d9b8d7291cd101c6c10606d34774044ec6df8c Mon Sep 17 00:00:00 2001
From: Tim Whitbeck <twhitbeck@gmail.com>
Date: Tue, 15 Sep 2020 12:25:29 -0400
Subject: [PATCH] use word-wrap instead of overflow-wrap when targeting ie11

---
 __tests__/fixtures/tailwind-output-ie11.css | 20 ++++++++++----------
 src/plugins/wordBreak.js                    |  8 +++++---
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css
index d372de335147..9fef90790d35 100644
--- a/__tests__/fixtures/tailwind-output-ie11.css
+++ b/__tests__/fixtures/tailwind-output-ie11.css
@@ -9012,12 +9012,12 @@ video {
 }
 
 .break-normal {
-  overflow-wrap: normal;
+  word-wrap: normal;
   word-break: normal;
 }
 
 .break-words {
-  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 
 .break-all {
@@ -19482,12 +19482,12 @@ video {
   }
 
   .sm\:break-normal {
-    overflow-wrap: normal;
+    word-wrap: normal;
     word-break: normal;
   }
 
   .sm\:break-words {
-    overflow-wrap: break-word;
+    word-wrap: break-word;
   }
 
   .sm\:break-all {
@@ -29922,12 +29922,12 @@ video {
   }
 
   .md\:break-normal {
-    overflow-wrap: normal;
+    word-wrap: normal;
     word-break: normal;
   }
 
   .md\:break-words {
-    overflow-wrap: break-word;
+    word-wrap: break-word;
   }
 
   .md\:break-all {
@@ -40362,12 +40362,12 @@ video {
   }
 
   .lg\:break-normal {
-    overflow-wrap: normal;
+    word-wrap: normal;
     word-break: normal;
   }
 
   .lg\:break-words {
-    overflow-wrap: break-word;
+    word-wrap: break-word;
   }
 
   .lg\:break-all {
@@ -50802,12 +50802,12 @@ video {
   }
 
   .xl\:break-normal {
-    overflow-wrap: normal;
+    word-wrap: normal;
     word-break: normal;
   }
 
   .xl\:break-words {
-    overflow-wrap: break-word;
+    word-wrap: break-word;
   }
 
   .xl\:break-all {
diff --git a/src/plugins/wordBreak.js b/src/plugins/wordBreak.js
index 11129a1af9cd..3262a261f81f 100644
--- a/src/plugins/wordBreak.js
+++ b/src/plugins/wordBreak.js
@@ -1,12 +1,14 @@
 export default function() {
-  return function({ addUtilities, variants }) {
+  return function({ addUtilities, variants, target }) {
+    const wrapPropertyName = target('wordBreak') === 'ie11' ? 'word-wrap' : 'overflow-wrap'
+
     addUtilities(
       {
         '.break-normal': {
-          'overflow-wrap': 'normal',
+          [wrapPropertyName]: 'normal',
           'word-break': 'normal',
         },
-        '.break-words': { 'overflow-wrap': 'break-word' },
+        '.break-words': { [wrapPropertyName]: 'break-word' },
         '.break-all': { 'word-break': 'break-all' },
 
         '.truncate': {