-
-
Notifications
You must be signed in to change notification settings - Fork 202
Debug SyncAligns Layout Thrashing during Grid Scroll #9205
Copy link
Copy link
Closed
Labels
aiperformancePerformance improvements and optimizationsPerformance improvements and optimizationstesting
Description
Objective
To determine if DomAccess.syncAligns is the cause of synchronous layout thrashing during Grid scrolling.
Context
Investigation of #9204 revealed a "Forced Reflow" violation (37ms) during scrolling, while VDOM updates themselves were fast (~2-4ms).
Message volume analysis ruled out event flooding.
Code search revealed that DomAccess.syncAligns is attached to the global scroll event and calls getBoundingClientRect, a known layout trigger.
Task
- Instrument
DomAccess.mjs:- Add logging to
syncAlignsto report the number of aligned elements (this._aligns.size). - Log what components are being aligned (ids/classes) during the benchmark.
- Add logging to
- Run Benchmark: Execute the Desktop Grid Scroll benchmark.
- Analyze:
- If
_alignssize > 0 during the test, this is the culprit. - Identify the component causing the alignment (e.g., Tooltip, Menu, SortZone).
- If
Outcome
Confirmation of whether syncAligns is the layout thrasher, and identification of the offending component(s) to optimize.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
aiperformancePerformance improvements and optimizationsPerformance improvements and optimizationstesting