From db43a05f11a966c7e8d5fa9e288c9878e33b7944 Mon Sep 17 00:00:00 2001 From: Nicolas Aunai Date: Mon, 6 Jul 2026 16:10:05 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20fix=20premature=20line?= =?UTF-8?q?=20wrapping=20in=20composer=20(#740)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Safari 26 changed `text-wrap: pretty` to re-optimize line breaks over the whole paragraph (webkit.org/blog/16547). The global CSS reset applies it to every paragraph, so BlockNote editor paragraphs get re-balanced on every keystroke, wrapping lines well before the editor width. Restore `text-wrap: wrap` inside .bn-editor, which covers the message, signature and template composers. Received messages render in an iframe and are not affected by the reset. Fixes #735 Signed-off-by: Nicolas Aunai Co-authored-by: Jean-Baptiste Penrath --- .../src/features/blocknote/blocknote-view-field/_index.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/frontend/src/features/blocknote/blocknote-view-field/_index.scss b/src/frontend/src/features/blocknote/blocknote-view-field/_index.scss index 18c879b5..b4160a08 100644 --- a/src/frontend/src/features/blocknote/blocknote-view-field/_index.scss +++ b/src/frontend/src/features/blocknote/blocknote-view-field/_index.scss @@ -126,6 +126,11 @@ color: var(--c--globals--colors--gray-550); border-color: var(--c--globals--colors--gray-550); } + + // Undo text-wrap: pretty; and text-wrap: balance; from reset.scss to avoid breaking long words in the editor + p { + text-wrap: wrap; + } } .tiptap > .bn-block-group {