Skip to content

Commit 1ee3908

Browse files
birdayzclaude
andauthored
frontend: fix markdown editor overflowing its container (#2219)
Long text in the Milkdown editor would overflow the card boundary and break the page layout on both agent create and edit pages. Three CSS properties fix this: - min-width: 0 on the wrapper lets it shrink in flex/grid contexts - overflow-wrap: break-word breaks long words at the container edge - overflow: hidden as a hard containment boundary Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent e51a760 commit 1ee3908

1 file changed

Lines changed: 7 additions & 0 deletions

File tree

frontend/src/components/ui/markdown-editor/markdown-editor.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
11
/* Milkdown Editor Styles */
22

3+
.markdown-editor-wrapper {
4+
min-width: 0;
5+
}
6+
37
.markdown-editor-wrapper .milkdown {
48
min-height: 80px;
59
padding: 0.5rem 0.75rem;
10+
overflow-wrap: break-word;
11+
word-break: break-word;
12+
overflow: hidden;
613
}
714

815
.markdown-editor-wrapper .milkdown .editor {

0 commit comments

Comments
 (0)