angular / angular/components

Choppy slide animation for mat-sidenav on mobile chrome

Aperta
#11,526 16 commenti 40 reazioni 0 assegnatari Vedi su GitHub
area: material/sidenav P3 perf
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Riproducete il problema in un nuovo progetto Angular 6 usando mat-sidenav in modalità over su Chrome for Android, preferibilmente con l’ambiente Xperia M5 segnalato. Iniziate esaminando il percorso di animazione di mat-sidenav e confrontatene il comportamento con implementazioni basate su transform. Il lavoro è completato quando l’animazione di sidenav è fluida sul dispositivo Android meno recente segnalato senza introdurre regressioni nelle altre modalità.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend, performance
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
30/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.