From a8de985481b98f34047c0531e6de1c1fe0dd54da Mon Sep 17 00:00:00 2001 From: Krystian Sienkiewicz Date: Thu, 10 Sep 2026 14:33:22 +0200 Subject: [PATCH 1/3] fix(web): make input focusable in the whole component's area --- src/web/EnrichedText.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/web/EnrichedText.css b/src/web/EnrichedText.css index 90018746e..02d47551a 100644 --- a/src/web/EnrichedText.css +++ b/src/web/EnrichedText.css @@ -7,6 +7,15 @@ outline: none; } +.tiptap { + flex: 1; +} + +.eti-editor { + display: flex; + flex-direction: column; +} + .et-view { white-space: pre-wrap; overflow-wrap: anywhere; From 1e45be3e33e56dbfda9676adb35025cfda64a7d6 Mon Sep 17 00:00:00 2001 From: Krystian Sienkiewicz Date: Thu, 10 Sep 2026 15:38:57 +0200 Subject: [PATCH 2/3] fix(web): local tiptap CSS class rules --- src/web/EnrichedText.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/web/EnrichedText.css b/src/web/EnrichedText.css index 02d47551a..d61730bce 100644 --- a/src/web/EnrichedText.css +++ b/src/web/EnrichedText.css @@ -1,13 +1,13 @@ -.tiptap.ProseMirror p { +.eti-editor .tiptap.ProseMirror p { margin-top: 0; margin-bottom: 0; } -.tiptap.ProseMirror-focused { +.eti-editor .tiptap.ProseMirror-focused { outline: none; } -.tiptap { +.eti-editor .tiptap { flex: 1; } From 922b02b3f665dc20ce5e650bedbb35eda665c583 Mon Sep 17 00:00:00 2001 From: Krystian Sienkiewicz Date: Fri, 11 Sep 2026 10:49:52 +0200 Subject: [PATCH 3/3] test: fix tests --- .playwright/tests/images.spec.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/.playwright/tests/images.spec.ts b/.playwright/tests/images.spec.ts index ec7a854bc..9032d8c96 100644 --- a/.playwright/tests/images.spec.ts +++ b/.playwright/tests/images.spec.ts @@ -168,6 +168,7 @@ test.describe('images', () => { for (const key of toolbarOrder) { const editor = await focusEnrichedEditable(page); + await page.waitForTimeout(10); await editor.press('Meta+A'); await toolbarButton(page, key).click(); await expect