Skip to content

Perf: Apply CSS containment to Grid Rows #8962

@tobiu

Description

@tobiu

Since Neo.grid.Body manages row positions via absolute positioning (transform), the rows are independent of each other for layout purposes.

Task:
Add contain: strict (or contain: layout paint) to the .neo-grid-row CSS class.

Benefits:
This informs the browser that DOM updates within a row (e.g., text changes, canvas updates) do not affect the layout of the parent or siblings. This significantly reduces the cost of layout recalculations during heavy scrolling or real-time data updates.

Files:

  • resources/scss/src/grid/Body.scss

Metadata

Metadata

Assignees

Labels

aienhancementNew feature or requestperformancePerformance improvements and optimizations

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions