Skip to content

Enhance Grid Layout Resilience with overflow: clip #8981

@tobiu

Description

@tobiu

Problem: The HeaderToolbar in Neo.grid.Container can be scrolled out of view when the GridBody receives focus or is subjected to scrollIntoView(). This occurs because the parent container has overflow: hidden, which browsers still treat as scrollable programmatically (e.g., to align a focused child).

Solution: Use the modern CSS property overflow: clip (specifically overflow-y: clip) instead of hidden. This strictly prevents all scrolling on that axis, including programmatic scrolling, making the layout resilient to focus/scrollIntoView interactions without relying on JavaScript preventScroll hacks.

Scope:

  1. Modify resources/scss/src/grid/Container.scss.
  2. Update .neo-grid-wrapper and .neo-grid-container to use overflow-y: clip.
  3. Verify this does not regress intended scrolling within GridBody.

Note: This is a "Side Quest" improvement for grid layout robustness.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions