diff --git a/src/corePlugins.js b/src/corePlugins.js index fb21ecf8d94e..340ca081d982 100644 --- 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/wordBreak.test.js b/tests/plugins/wordBreak.test.js index 3b07a6659022..525c768d898e 100644 --- a/tests/plugins/wordBreak.test.js +++ b/tests/plugins/wordBreak.test.js @@ -14,13 +14,14 @@ quickPluginTest('wordBreak').toMatchFormattedCss(css` .break-keep { 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; } } `)