angular / angular/components

bug(expansion panel): height doesnt resize in safari while expanded

Open
#31,386 0 comments 0 reactions 0 assignees View on GitHub
area: material/expansion P4 safari
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

height of the expansion panel doesnt resize in safari while the panel is expanded

in chrome it works OK

### Reproduction

StackBlitz link: https://stackblitz.com/edit/fcr7qrn2?file=src%2Fexample%2Fexpansion-overview-example.html

Steps to reproduce:
1. resize the window while the panel is open

### Expected Behavior

the expansion panel body height should resize in safari too, just like it does in chrome

### Actual Behavior

the expansion panel body height doesnt resize in safari and content overflows

(note: if i close it and open it again the height is fixed)

### Environment

- Angular: ^19.2.0
- CDK/Material: ^19.2.0
- Browser(s): Safari
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Contributor guide

Open the contributing guide

Research direction

Start with the StackBlitz reproduction, especially src/example/expansion-overview-example.html, and reproduce the issue by resizing the window while the expansion panel is open in Safari. Compare the behavior with Chrome and verify that the expanded panel body resizes without content overflow, without needing to close and reopen it.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.