Skip to content

Improve horizontal layout scroll performance by removing React sync flushing#286

Merged
radubrehar merged 4 commits intomasterfrom
enhance/horizontal-layout-scroll
Mar 3, 2026
Merged

Improve horizontal layout scroll performance by removing React sync flushing#286
radubrehar merged 4 commits intomasterfrom
enhance/horizontal-layout-scroll

Conversation

@radubrehar
Copy link
Copy Markdown
Contributor

@radubrehar radubrehar commented Mar 3, 2026

Note

Medium Risk
Changes the cell render/positioning timing during horizontal scrolling by moving work to a post-commit hook, which could introduce subtle visual/interaction regressions (mispositioned cells, hover/z-index timing) despite being performance-motivated.

Overview
Improves horizontal layout scrolling performance by removing the previous flushSync-based update path in AvoidReactDiff and replacing it with an afterCommit hook.

GridCellInterface/cell implementations now support setPendingAfterCommitWork, and ReactHeadlessTableRenderer.updateElementPosition defers applying transforms/styles until after React commits only while horizontal scrolling.

Updates perf CI baselines accordingly and adds/adjusts horizontal layout example pages to exercise the new behavior.

Written by Cursor Bugbot for commit 7acdba3. This will update automatically on new commits. Configure here.

@radubrehar radubrehar merged commit 4ca24e3 into master Mar 3, 2026
1 of 3 checks passed
@radubrehar radubrehar deleted the enhance/horizontal-layout-scroll branch March 3, 2026 11:30
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.

1 participant