Typescript error when using on SVG element
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Empieza por localizar la definición de tipo de autoAnimate que acepta un HTMLElement y compárala con el SVGSVGElement utilizado en el ejemplo de Svelte reportado. Confirma que el ejemplo pasa la comprobación de tipos una vez que se admitan los elementos SVG, conservando el uso existente de HTML; en el issue no se menciona ningún archivo ni test específicos.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Auto-animate seems to work great on an SVG element, but typescript freaks out.
Argument of type 'SVGSVGElement' is not assignable to parameter of type 'HTMLElement'.
Would it be possible to add SVG elements to the type definition?
My use-case looks like this (inside a .svelte component):
<svg height="30" width="100%" viewBox="0 0 {length} 30" use:autoAnimate>
{#each sequence.notes as note}
<rect
x={note.ticks + 1}
y="-4"
width={note.duration * 50}
height={7 + note.velocity * 30}
fill="hsla({100 - Math.round(note.velocity * 100)},30%,50%,1)"
rx="2"
/>
{/each}
</svg>
- 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 ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 1/100
formkit/auto-animate#244 ·
-
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 ·
Todos los issues de formkit/auto-animate
Issues similares
-
bug via-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
pingdotgg/t3code#14452 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
solana-foundation/program-examples#747 · 1 comentario ·
Los mantenedores suelen responder en 9 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
remotion-dev/remotion#11847 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
openwatersio/slackwater#355 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
melgarafael/DeskcommCRM#1998 · 3 comentarios ·
Los mantenedores suelen responder en 1 día