Skip to content

fix(Markdown): scroll wide tables instead of overflowing the container - #3614

Merged
Lisa18289 merged 8 commits into
mainfrom
claude/issue-3596-07695b
Nov 3, 2026
Merged

Lisa18289 merged 8 commits into
mainfrom
claude/issue-3596-07695b

Conversation

@Lisa18289

@Lisa18289 Lisa18289 commented Nov 2, 2026 •

Copy link
Copy Markdown
Member

A GFM table can't shrink below its min-content width, so in a narrow container (e.g. the AIssistant drawer) it stuck out past the Markdown box. Markdown now wraps each table in a box that carries the border, corner radius and background and scrolls horizontally. The table keeps its full width when it fits.

A new "Markdown wide table" visual scenario covers the fix. In Firefox the bottom table corners anti-alias slightly differently now that the wrapper clips them, which changes a few pixels in two existing baselines.

Closes #3596

🤖 Generated with Claude Code

A table cannot shrink below its min-content width. Markdown now wraps it
in a box that carries the border and corner radius and scrolls
horizontally, so the table stays inside narrow containers.

Closes #3596

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@Lisa18289 Lisa18289 added the update-screenshots Label a PR to update the screenshots used for visual regression testing label Nov 2, 2026
@Lisa18289 Lisa18289 self-assigned this Nov 2, 2026
@github-actions github-actions Bot removed the update-screenshots Label a PR to update the screenshots used for visual regression testing label Nov 2, 2026
@github-actions

github-actions Bot commented Nov 2, 2026 •

Copy link
Copy Markdown
Contributor

Coverage Report for ./packages/components/

Status Category Percentage Covered / Total
🔵 Lines 64.82% 1410 / 2175
🔵 Statements 64.28% 1449 / 2254
🔵 Functions 50.63% 318 / 628
🔵 Branches 58.94% 758 / 1286
File CoverageNo changed files found.
Generated in workflow #7508 for commit 12a9861 by the Vitest Coverage Report Action

…shot covers it

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@github-actions

github-actions Bot commented Nov 2, 2026

Copy link
Copy Markdown
Contributor

🚀 Preview Deployment

Preview environments are ready:

Type URL
docs pr-3614.docs.review.flow-components.de
storybook pr-3614.storybook.review.flow-components.de

Images:

  • docs: ghcr.io/mittwald/flow/docs:pr-3614
  • storybook: ghcr.io/mittwald/flow/storybook:pr-3614

@Lisa18289 Lisa18289 added the update-screenshots Label a PR to update the screenshots used for visual regression testing label Nov 2, 2026
@github-actions github-actions Bot removed the update-screenshots Label a PR to update the screenshots used for visual regression testing label Nov 2, 2026
github-actions Bot and others added 3 commits November 2, 2026 07:11
Co-authored-by: Lisa18289 <84317589+Lisa18289@users.noreply.github.com>
The update-screenshots run re-captured the SkeletonMode calendar scenario
with today's month. That scenario is date-dependent and fixed separately in
#3616.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@Lisa18289
Lisa18289 marked this pull request as ready for review November 2, 2026 09:06
@Lisa18289
Lisa18289 requested a review from a team November 2, 2026 09:06
@Lisa18289
Lisa18289 enabled auto-merge (squash) November 2, 2026 09:06

@ins0 ins0 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit: The PR adds a div around every table in the host output. packages/remote-react-components/CONTRIBUTE.md ("Running them on a pull request") asks for the run-cross-version-tests label on such changes. I don't expect a divergence: Markdown has been a remote element since the remote components were introduced, so old and current remote output both go through the same current host renderer. The label would confirm that before the merge instead of in the scheduled run.

…y scrolls

A replaced table renderer has no container, so the border, radius and
background stay on the table element, like in Table. The container gets the
Flow scrollbar and is named tableContainer.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@Lisa18289 Lisa18289 added update-screenshots Label a PR to update the screenshots used for visual regression testing run-cross-version-tests labels Nov 2, 2026
@github-actions github-actions Bot removed run-cross-version-tests update-screenshots Label a PR to update the screenshots used for visual regression testing labels Nov 2, 2026
@Lisa18289 Lisa18289 added update-screenshots Label a PR to update the screenshots used for visual regression testing run-cross-version-tests labels Nov 2, 2026
@github-actions github-actions Bot removed update-screenshots Label a PR to update the screenshots used for visual regression testing run-cross-version-tests labels Nov 2, 2026
github-actions Bot and others added 2 commits November 2, 2026 12:34
Co-authored-by: Lisa18289 <84317589+Lisa18289@users.noreply.github.com>
The screenshot cannot tell scrolling from clipping, so a wheel scroll
asserts that the container really scrolls.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@github-actions

github-actions Bot commented Nov 2, 2026

Copy link
Copy Markdown
Contributor

✅ Cross-Version Tests Passed

The current host still renders old published remote versions correctly (iframe) and in the same DOM shape (in-process).

Iframe harness (attribute-accurate): ✅ passed

In-process harness (structure-only): ✅ passed

Run details

Lisa18289 added a commit that referenced this pull request Nov 2, 2026
A screenshot cannot tell a scrolling container from a clipping one, so
that case still needs a browser test that fails for the wrong one (#3614).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@Lisa18289
Lisa18289 merged commit 6b9b617 into main Nov 3, 2026
25 checks passed
@Lisa18289
Lisa18289 deleted the claude/issue-3596-07695b branch November 3, 2026 06:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Markdown: wide tables overflow their container instead of scrolling

2 participants