From e02d323a4666f4229921b6a53fce9a0e7c24fa93 Mon Sep 17 00:00:00 2001 From: SerKo Date: Tue, 3 Oct 2023 21:53:12 +0800 Subject: [PATCH] Use `@supports not` for `break-anywhere` polyfill --- src/corePlugins.js | 5 +++-- tests/plugins/__snapshots__/wordBreak.test.js.snap | 11 ++++++----- 2 files changed, 9 insertions(+), 7 deletions(-) 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/__snapshots__/wordBreak.test.js.snap b/tests/plugins/__snapshots__/wordBreak.test.js.snap index 61175d66c31e..858c938e5af2 100644 --- 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; } } "