Skip to content

fix: remove flex: 1 from scroller base styles to respect explicit height#11373

Merged
DiegoCardoso merged 2 commits intomainfrom
fix/scroller-height-regression
Mar 19, 2026
Merged

fix: remove flex: 1 from scroller base styles to respect explicit height#11373
DiegoCardoso merged 2 commits intomainfrom
fix/scroller-height-regression

Conversation

@DiegoCardoso
Copy link
Copy Markdown
Contributor

@DiegoCardoso DiegoCardoso commented Mar 19, 2026

Description

Since v25.0, setting an explicit height on vaadin-scroller inside a flex container had no effect because flex: 1 on :host forced the scroller to grow and fill available space.

Fixes #11372

Type of change

  • Bugfix

…ght (#11372)

Since v25.0, setting an explicit height on vaadin-scroller inside a flex
container had no effect because flex: 1 on :host forced the scroller to
grow and fill available space. Parent components (app-layout, tabsheet)
already set their own flex rules on the scroller when needed, so this
default was unnecessary and overly opinionated.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's remove this.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

@DiegoCardoso DiegoCardoso merged commit 4495f36 into main Mar 19, 2026
9 checks passed
@DiegoCardoso DiegoCardoso deleted the fix/scroller-height-regression branch March 19, 2026 14:41
@sonarqubecloud
Copy link
Copy Markdown

vaadin-bot pushed a commit that referenced this pull request Mar 19, 2026
…ght (#11373)

Since v25.0, setting an explicit height on vaadin-scroller inside a flex
container had no effect because flex: 1 on :host forced the scroller to
grow and fill available space. 

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
vaadin-bot pushed a commit that referenced this pull request Mar 19, 2026
…ght (#11373)

Since v25.0, setting an explicit height on vaadin-scroller inside a flex
container had no effect because flex: 1 on :host forced the scroller to
grow and fill available space. 

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
sissbruecker pushed a commit that referenced this pull request Mar 19, 2026
…ght (#11373) (#11377)

Since v25.0, setting an explicit height on vaadin-scroller inside a flex
container had no effect because flex: 1 on :host forced the scroller to
grow and fill available space.

Co-authored-by: Diego Cardoso <diego@vaadin.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
sissbruecker pushed a commit that referenced this pull request Mar 19, 2026
…ght (#11373) (#11378)

Since v25.0, setting an explicit height on vaadin-scroller inside a flex
container had no effect because flex: 1 on :host forced the scroller to
grow and fill available space.

Co-authored-by: Diego Cardoso <diego@vaadin.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Scroller base styles override its size

3 participants