NativeScript / NativeScript/angular

animation leave not work

Abierto
#52 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
TypeScript
Estrellas
55
Forks
13
Merge medio
16 min
PR fusionados (30 d)
1

Descripción

Environment

  • NativeScript-Angular: 12.2.0
  • Angular: 12.2.0

Describe the bug
:leave or * => void not working

To Reproduce
`import {animate, style, transition, trigger} from '@angular/animations';

export const fadeInOutAnimation = trigger('fadeInOut', [
// OK
transition(':enter', [
style({opacity: 0}),
animate('3s linear', style({opacity: 1}))
]),
// KO
transition(':leave', [
style({opacity: 1}),
animate('3s linear', style({opacity: 0}))
])
]);`

Expected behavior

Await before removing element from DOM

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza con la reproducción proporcionada de fadeInOutAnimation e inspecciona cómo NativeScript-Angular gestiona la transición :leave antes de eliminar un elemento del DOM. Reproduce el problema con las versiones indicadas de NativeScript-Angular y Angular 12.2.0; se considera terminado cuando la animación de salida se completa antes de la eliminación.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend, mobile-dev
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.