angular / angular/components

Choppy slide animation for mat-sidenav on mobile chrome

Offen
#11,526 16 Kommentare 40 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/sidenav P3 perf
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Bug, feature request, or proposal:
The animation for sliding in mat-sidenav (in `over` mode) on Chrome (latest) on older Android phones (reproducible on Xperia M5 E6633 with Android 6.0.0) is very choppy and slow

#### What is the expected behavior?
Animation should be smooth. Other sidenav libraries (at least those which use transform) are smooth.

#### What is the current behavior?
Choppy animation

#### What are the steps to reproduce?
A new project with Angular 6 and `ng add ... sidenav-stuff ...`

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular, Material 6, TS 2.7.2, Chrome Android 66.0.3359.158

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduzieren Sie das Problem in einem neuen Angular 6-Projekt mit mat-sidenav im over-Modus unter Chrome for Android, vorzugsweise mit der gemeldeten Xperia M5-Umgebung. Untersuchen Sie zunächst den Animationspfad von mat-sidenav und vergleichen Sie sein Verhalten mit auf transform basierenden Implementierungen. Als abgeschlossen gilt die Aufgabe, wenn die sidenav-Animation auf dem gemeldeten älteren Android-Gerät flüssig läuft, ohne andere Modi zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend, performance
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
30/100

Neue Issues direkt in Ihr Postfach

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