LearnNewsExamplesServices
Frontmatter
id9184
titleOptimize Component Columns with contain: strict
stateClosed
labels
enhancementaiperformance
assigneestobiu
createdAtFeb 16, 2026, 1:08 PM
updatedAtFeb 16, 2026, 1:11 PM
githubUrlhttps://github.com/neomjs/neo/issues/9184
authortobiu
commentsCount0
parentIssue9106
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtFeb 16, 2026, 1:11 PM

Optimize Component Columns with contain: strict

Closed v12.0.0 enhancementaiperformance
tobiu
tobiu commented on Feb 16, 2026, 1:08 PM

To optimize grid scrolling performance, we can upgrade CSS containment for component-based columns from contain: layout paint style to contain: strict. This allows the browser to completely skip layout and style recalculations for these components during scroll, treating them as rigid boxes.

Targets:

  1. GitHubOrgs: Add width: 100% and upgrade to strict.
  2. Heuristics (Impact): Add width: 100% and upgrade to strict.
  3. CountryFlag: Add height: 100% and upgrade to strict.

Note: Sparkline (Activity) already uses contain: strict. IconLink will remain as-is to preserve flexibility in non-grid contexts.

tobiu added the enhancement label on Feb 16, 2026, 1:08 PM
tobiu added the ai label on Feb 16, 2026, 1:08 PM
tobiu added the performance label on Feb 16, 2026, 1:08 PM
tobiu added parent issue #9106 on Feb 16, 2026, 1:08 PM
tobiu assigned to @tobiu on Feb 16, 2026, 1:10 PM
tobiu referenced in commit f6a7049 - "perf(css): Optimize component columns with contain: strict (#9184)" on Feb 16, 2026, 1:11 PM
tobiu closed this issue on Feb 16, 2026, 1:11 PM