angular / angular/components

bug(material/tabs): tab body height animation is broken

Offen
#31,629 4 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/tabs P2 regression
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

You can even see this behaviour in the tab example in the docs https://material.angular.dev/components/tabs/examples
scroll down to the "Tab group that keeps its content inside the DOM when it's off-screen." example
it instantly hides the first tab content when u click the second, instead of waiting for the animation to complete, leading to a glitchy stutter

### Reproduction

look at angular material's own docs ^

### Expected Behavior

it should keep the content showing until the animation is completely done

### Actual Behavior

it glitches and hides instantly

### Environment

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere das Problem im Beispiel „Tab group that keeps its content inside the DOM when it's off-screen“ in der Angular Material-Dokumentation. Beginne damit, die Animation der Höhe des Tab-Inhaltsbereichs und das Verhalten der Inhaltsanzeige beim Wechseln zwischen Tabs nachzuverfolgen. Die Aufgabe ist erfüllt, wenn der Inhalt des vorherigen Tabs sichtbar bleibt, bis seine Animation abgeschlossen ist, ohne die gemeldeten Ruckler.

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
42/100

Neue Issues direkt in Ihr Postfach

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