Library does not work with containers that are not initially rendered within a component (React)
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 38/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con la reproducción vinculada de CodeSandbox e inspecciona la integración de React en torno a los contenedores renderizados condicionalmente. Compara la animación funcional del elemento padre con las animaciones ausentes de los elementos hijos cuando cambia showParent2. Se considera terminado cuando los elementos hijos se animan correctamente al añadir su contenedor después del renderizado inicial y siguen funcionando cuando este se elimina y se vuelve a renderizar.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hey there! Great job with this library, it's such a quick and easy way to improve UX. I encountered an issue where the animations do not work when a container is not initially rendered in the DOM. I created a small codesandbox to demonstrate this here:
Notice parent2 animates as expected, however its children do not. If you change the initial state of showParent2 to true, everything will animate correctly (until parent2 isn't being rendered anymore). An obvious workaround to this issue is to compose your app in a way such that each individual ref is always rendered within each component.
- Lenguaje dominante
- TypeScript
- Estrellas
- 13.9k
- Forks
- 259
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de formkit/auto-animate
-
`auto-animate/nuxt`: Module causes 'is not wrapped in defineNuxtPlugin' warning since v0.10.0Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
formkit/auto-animate#240 · 6 reacciones ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
formkit/auto-animate#232 · 1 comentario ·
-
svelte: use attachmentsAbierto
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
formkit/auto-animate#235 · 1 comentario · 1 reacción ·
-
Image to VideoAbierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 15/100
formkit/auto-animate#233 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 38/100
formkit/auto-animate#231 ·
Todos los issues de formkit/auto-animate
Issues similares
-
priority: P2
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
prime-radiant-inc/evener#3291 ·
Los mantenedores suelen responder en 1 día
-
accessibility bug revealjs
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
quarto-dev/quarto-cli#14961 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
supabase/agent-skills#614 ·
-
Content
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
RunestoneInteractive/rs#1559 · 1 comentario ·
Los mantenedores suelen responder en 2 días