angular / angular/components

[Tabs] Dynamic height does not work when content has changed

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

Beschreibung

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
Tabs should transition height properly when content is added dynamically.

#### What is the current behavior?
Adding content to a tab does not modify the 'base animation height' resulting in weird animations.

#### What are the steps to reproduce?
~~http://plnkr.co/edit/Sccmy7os1nuaELrradRv?p=preview~~
~~http://plnkr.co/edit/ZSBCT8P9xCi04rrKSCu3?p=preview~~
https://stackblitz.com/edit/angular-humdjf?file=src%2Fapp%2Fapp.component.html
Add content dynamically and change tab.

#### Is there anything else we should know?
~~Documentation is missing for dynamicHeight on material.angular.io~~

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verlinkten StackBlitz-Reproduktion, insbesondere mit src/app/app.component.html, und untersuche die Angular Material-Tabs-Implementierung für dynamicHeight. Reproduziere das Problem, indem du dynamisch Inhalte hinzufügst und die Tabs wechselst; abgeschlossen ist es, wenn der Übergang der Tab-Höhe die aktualisierte Inhaltsgröße verwendet.

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

Neue Issues direkt in Ihr Postfach

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