✨(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

@@ -40,6 +40,9 @@ and this project adheres to
 - 🐛(frontend) scroll back to top when navigate to a document #1406
 - 🐛(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
+
+
 
 ## [3.7.0] - 2025-09-12
 

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

@@ -16,6 +16,17 @@ 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 {
+      position: static !important; /* override absolute positioning from lib */
+      display: inline;
+      white-space: normal;
+      word-break: break-word;
+      overflow-wrap: anywhere;
+      max-width: 100%;
+      text-align: left;
+    }
+
     .bn-side-menu .mantine-UnstyledButton-root svg {
       color: #767676 !important;
     }