✨(frontend) fix overlapping placeholders in multi-column layout

placeholders no longer overlap when adding 2–3 column, text wraps correctly

Signed-off-by: Cyril <[email protected]>

Author: Ovgodd

CHANGELOG.md

@@ -43,6 +43,7 @@ and this project adheres to
 - 🐛(frontend) fix attachment download filename #1447
 - 🐛(frontend) exclude h4-h6 headings from table of contents #1441
 - 🔒(frontend) prevent readers from changing callout emoji #1449
+- 🐛(frontend) fix overlapping placeholders in multi-column layout #1455
 - 🐛(backend) filter invitation with case insensitive email
 
 ## [3.7.0] - 2025-09-12

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -16,6 +16,19 @@ export const cssEditor = (readonly: boolean) => css`
       font-weight: 400;
     }
 
+    .bn-block-content[data-is-empty-and-focused][data-content-type='paragraph']
+      .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child)::before {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+      width: inherit;
+      height: inherit;
+    }
+    .bn-block-content[data-is-empty-and-focused][data-content-type='paragraph']
+      .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child) {
+      position: relative;
+    }
+
     .bn-side-menu .mantine-UnstyledButton-root svg {
       color: #767676 !important;
     }