Choppy slide animation for mat-sidenav on mobile chrome
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
#### 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
Guía de contribución
Línea de trabajo
Reproduzca el problema en un proyecto nuevo de Angular 6 usando mat-sidenav en el modo over en Chrome for Android, preferiblemente con el entorno Xperia M5 indicado. Empiece examinando la ruta de animación de mat-sidenav y compare su comportamiento con implementaciones basadas en transform. Se considera terminado cuando la animación de sidenav sea fluida en el dispositivo Android antiguo indicado sin provocar regresiones en otros modos.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- frontend, performance
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 30/100