From ed9548cecd421f1a9b0d9b6124d6b2f390c9cc4d Mon Sep 17 00:00:00 2001 From: Amit Raj Date: Tue, 11 Aug 2026 08:31:24 +0530 Subject: [PATCH 1/3] Fix: Improve text wrapping for long usernames in collaboration sidebar --- packages/editor/src/components/collab-sidebar/style.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/editor/src/components/collab-sidebar/style.scss b/packages/editor/src/components/collab-sidebar/style.scss index 134bffd997146e..24866e3c882961 100644 --- a/packages/editor/src/components/collab-sidebar/style.scss +++ b/packages/editor/src/components/collab-sidebar/style.scss @@ -89,6 +89,8 @@ } .editor-collab-sidebar-panel__note-content { + overflow-wrap: break-word; + p:last-child { margin-bottom: 0; } @@ -255,7 +257,7 @@ mark.wp-note { background: var(--wpds-color-background-surface-brand); color: var(--wpds-color-foreground-interactive-brand); font-weight: var(--wpds-typography-font-weight-emphasis); - white-space: nowrap; + overflow-wrap: anywhere; // Keep the chip boundary visible when forced-colors drops the background tint. @media (forced-colors: active) { From 1202fc18a76883032a6e803486fefae9f93f280e Mon Sep 17 00:00:00 2001 From: Amit Raj Date: Tue, 11 Aug 2026 15:40:25 +0530 Subject: [PATCH 2/3] Fix: Remove overflow-wrap property for note chips in collaboration sidebar --- packages/editor/src/components/collab-sidebar/style.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/editor/src/components/collab-sidebar/style.scss b/packages/editor/src/components/collab-sidebar/style.scss index 24866e3c882961..7dc4f8977a8eeb 100644 --- a/packages/editor/src/components/collab-sidebar/style.scss +++ b/packages/editor/src/components/collab-sidebar/style.scss @@ -257,7 +257,6 @@ mark.wp-note { background: var(--wpds-color-background-surface-brand); color: var(--wpds-color-foreground-interactive-brand); font-weight: var(--wpds-typography-font-weight-emphasis); - overflow-wrap: anywhere; // Keep the chip boundary visible when forced-colors drops the background tint. @media (forced-colors: active) { From 2eeec2573da083e6f1011c699e79ce424da55ea3 Mon Sep 17 00:00:00 2001 From: Amit Raj Date: Tue, 11 Aug 2026 15:42:55 +0530 Subject: [PATCH 3/3] Notes: use overflow-wrap instead of the legacy word-wrap alias --- packages/editor/src/components/collab-sidebar/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/editor/src/components/collab-sidebar/style.scss b/packages/editor/src/components/collab-sidebar/style.scss index 7dc4f8977a8eeb..6d656d93d66003 100644 --- a/packages/editor/src/components/collab-sidebar/style.scss +++ b/packages/editor/src/components/collab-sidebar/style.scss @@ -160,7 +160,7 @@ max-height: calc(20px * 20 + 18px); // 20 rows + vertical padding. overflow-y: auto; white-space: pre-wrap; - word-wrap: break-word; + overflow-wrap: break-word; // Inline formats inherit the surrounding text styles but keep // their semantic emphasis (RichText renders , , etc.).