fix(editor): wrap tables in tableWrapper so wide tables scroll locally

Table.configure had renderWrapper unset (defaults to false), so tables
rendered as bare <table> 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 <noreply@anthropic.com>
This commit is contained in:
Naiyuan Qing
2026-06-10 17:12:09 +08:00
parent 619c4c4953
commit 43d5eaaf40

View File

@@ -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 `<div class="tableWrapper">` (the same
// wrapper the resizable NodeView emits), which prose.css styles with
// `overflow-x: auto`. Without it a wide table is a bare <table> 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,