Skip to content

fix(theme): table should be scrollable and startTransition should not be a html attribute#2792

Merged
SoonIter merged 2 commits intomainfrom
syt/table-scroll
Nov 20, 2025
Merged

fix(theme): table should be scrollable and startTransition should not be a html attribute#2792
SoonIter merged 2 commits intomainfrom
syt/table-scroll

Conversation

@SoonIter
Copy link
Copy Markdown
Member

@SoonIter SoonIter commented Nov 20, 2025

Summary

fix(theme): table should be scrollable and startTransition should not be a html attribute

Before

image

After

image

Related Issue

Checklist

  • Tests updated (or not required).
  • Documentation updated (or not required).

Copilot AI review requested due to automatic review settings November 20, 2025 08:33
@netlify
Copy link
Copy Markdown

netlify Bot commented Nov 20, 2025

Deploy Preview for rspress-v2 ready!

Name Link
🔨 Latest commit 4c2e000
🔍 Latest deploy log https://app.netlify.com/projects/rspress-v2/deploys/691ef9d95dff5800088a506c
😎 Deploy Preview https://deploy-preview-2792--rspress-v2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR fixes two issues: prevents the startTransition prop from being spread as an HTML attribute in the Link component, and makes tables horizontally scrollable on narrow screens with custom scrollbar styling.

  • Refactored Link component to explicitly destructure and pass props instead of spreading all props to prevent non-HTML attributes from being passed to anchor elements
  • Added horizontal scrolling support for tables with custom scrollbar styling
  • Changed table body background from transparent to use a CSS variable

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
packages/core/src/theme/components/Link/index.tsx Extracted startTransition and other props from destructuring, then explicitly passed only valid HTML attributes to prevent React warnings about invalid DOM attributes
packages/core/src/theme/components/DocContent/doc.scss Made tables scrollable with display: block and overflow: auto, added webkit scrollbar styling, and changed tbody background to use var(--rp-c-bg)

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread packages/core/src/theme/components/DocContent/doc.scss
Comment thread packages/core/src/theme/components/DocContent/doc.scss
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Nov 20, 2025

Rsdoctor Bundle Diff Analysis

📁 web

Path: website/doc_build/web/rsdoctor-data.json

Metric Current Baseline Change
📊 Total Size 14.3 MB 14.3 MB -3.0 KB (-0.0%)
📄 JavaScript 13.7 MB 13.8 MB -3.2 KB (-0.0%)
🎨 CSS 109.8 KB 109.6 KB 219.0 B (0.2%)
🌐 HTML 0 B 0 B N/A
📁 Other Assets 497.3 KB 497.3 KB 0 B (0.0%)

📦 Download Diff Report: web Bundle Diff

Generated by Rsdoctor GitHub Action

@SoonIter SoonIter merged commit 16aec3d into main Nov 20, 2025
9 checks passed
@SoonIter SoonIter deleted the syt/table-scroll branch November 20, 2025 11:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants