bug(expansion panel): height doesnt resize in safari while expanded
- 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
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