Skip to content

Debug SyncAligns Layout Thrashing during Grid Scroll #9205

@tobiu

Description

@tobiu

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

  1. Instrument DomAccess.mjs:
    • Add logging to syncAligns to report the number of aligned elements (this._aligns.size).
    • Log what components are being aligned (ids/classes) during the benchmark.
  2. Run Benchmark: Execute the Desktop Grid Scroll benchmark.
  3. Analyze:
    • If _aligns size > 0 during the test, this is the culprit.
    • Identify the component causing the alignment (e.g., Tooltip, Menu, SortZone).

Outcome

Confirmation of whether syncAligns is the layout thrasher, and identification of the offending component(s) to optimize.

Metadata

Metadata

Assignees

Labels

aiperformancePerformance improvements and optimizationstesting

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions