Use @supports not for break-anywhere polyfill

tailwindlabs · Oct 9, 2023 · e02d323 · e02d323
1 parent fa5f6a0
commit e02d323
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/corePlugins.js b/src/corePlugins.js
@@ -1539,10 +1539,11 @@ export let corePlugins = {
       '.break-all': { 'word-break': 'break-all' },
       '.break-keep': { 'word-break': 'keep-all' },
       '.break-anywhere': {
-        'word-break': 'break-word',
         '@supports (overflow-wrap: anywhere)': {
           'overflow-wrap': 'anywhere',
-          'word-break': 'normal',
+        },
+        '@supports not (overflow-wrap: anywhere)': {
+          'word-break': 'break-word',
         },
       },
     })

diff --git a/tests/plugins/__snapshots__/wordBreak.test.js.snap b/tests/plugins/__snapshots__/wordBreak.test.js.snap
@@ -19,14 +19,15 @@ exports[`should test the 'wordBreak' plugin 1`] = `
   word-break: keep-all;
 }
 
-.break-anywhere {
-  word-break: break-word;
-}
-
 @supports (overflow-wrap: anywhere) {
   .break-anywhere {
     overflow-wrap: anywhere;
-    word-break: normal;
+  }
+}
+
+@supports not (overflow-wrap: anywhere) {
+  .break-anywhere {
+    word-break: break-word;
   }
 }
 "