angular / angular/components

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

Offen
#31,386 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/expansion P4 safari
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### 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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der StackBlitz-Reproduktion, insbesondere mit src/example/expansion-overview-example.html, und reproduziere das Problem, indem du die Fenstergröße änderst, während das Erweiterungsfeld in Safari geöffnet ist. Vergleiche das Verhalten mit Chrome und überprüfe, dass die Größe des Inhaltsbereichs des erweiterten Felds ohne Überlaufen des Inhalts angepasst wird, ohne dass es geschlossen und erneut geöffnet werden muss.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
38/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.