From f2ba3c8f1a6554d76f08503d7181d4b68dd4a4f2 Mon Sep 17 00:00:00 2001 From: Naiyuan Qing <145280634+NevilleQingNY@users.noreply.github.com> Date: Wed, 10 Jun 2026 17:20:48 +0800 Subject: [PATCH] fix(editor): wrap tables in tableWrapper so wide tables scroll locally (#4003) Table.configure had renderWrapper unset (defaults to false), so tables rendered as bare elements with no .tableWrapper div. The overflow-x: auto rule in prose.css targets .tableWrapper and never matched, so a wide table pushed the horizontal scrollbar onto the issue detail's page-level scroll container instead of scrolling within the table itself. Co-authored-by: Claude Fable 5 --- packages/views/editor/extensions/index.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/views/editor/extensions/index.ts b/packages/views/editor/extensions/index.ts index 64531ecaa..aac3f459c 100644 --- a/packages/views/editor/extensions/index.ts +++ b/packages/views/editor/extensions/index.ts @@ -180,7 +180,12 @@ export function createEditorExtensions( // markdownPaste's handlePaste is a catch-all that returns true. LinkExtension, ImageExtension, - Table.configure({ resizable: false }), + // renderWrapper wraps the table in `
` (the same + // wrapper the resizable NodeView emits), which prose.css styles with + // `overflow-x: auto`. Without it a wide table is a bare
that can't + // shrink below min-content, so the horizontal scrollbar lands on the + // page-level scroll container instead of the table itself. + Table.configure({ resizable: false, renderWrapper: true }), TableRow, TableHeader, TableCell,