CSS Animations example doesn't work
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- css
- Ambito
- frontend
Direzione di ricerca
Start by reproducing the failure at the CSS Animations example URL and inspect the reported solid-transition-group.js stack trace. The work is done when the example renders its expected transitions and animations without the null getBoundingClientRect error.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Describe the bug
Navigate to the CSS Animations example and it won't render anything because it crashes with the following error:
eruda:8 Console was cleared
eruda:8 TypeError: Cannot read properties of null (reading 'getBoundingClientRect')
at getRect (solid-transition-group.js:126:41)
at solid-transition-group.js:236:16
at Array.forEach (<anonymous>)
at Object.fn (solid-transition-group.js:232:7)
at runComputation (solid-67d434a6.js:675:22)
at updateComputation (solid-67d434a6.js:660:3)
at createEffect (solid-67d434a6.js:206:31)
at TransitionGroup (solid-transition-group.js:230:3)
at solid-bbf2753b.js:1218:24
at untrack (solid-bbf2753b.js:430:12)
Ma.forEach.n.<computed> @ eruda:8
(anonymous) @ 3904e498-42ba-437f-91f6-03a6b5951937:107
postMessage (async)
(anonymous) @ setupRepl.d213c771.js:783
aa @ index.a63cbc0b.js:1
bt @ index.a63cbc0b.js:1
Xt @ index.a63cbc0b.js:1
ur @ index.a63cbc0b.js:1
(anonymous) @ index.a63cbc0b.js:1
ve @ index.a63cbc0b.js:1
dr @ index.a63cbc0b.js:1
ve @ index.a63cbc0b.js:1
Qa @ index.a63cbc0b.js:1
o @ index.a63cbc0b.js:1
(anonymous) @ setupRepl.d213c771.js:6750
Your Example Website or App
https://www.solidjs.com/examples/cssanimations
Steps to Reproduce the Bug or Issue
Check out this 45-sec video: https://youtu.be/d1Jk8Ma58iQ
Expected behavior
I expected to see some transitions and animations.
Screenshots or Videos
No response
Platform
- OS: macOS 12.5.1 (M1)
- Browser: Safari Version 15.6.1, Google Chrome Version 105.0.5195.102
Additional context
No response
- Lingua principale
- TypeScript
- Stelle
- 167
- Fork
- 178
- Merge medio
- 10h 38m
- PR unite (30g)
- 1
Preparare l'ambiente
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di solidjs/solid-site
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 68/100
solidjs/solid-site#586 ·
-
Newsletter “registration could not be completed” due to newsletter.solidjs.com ERR_NAME_NOT_RESOLVEDAperta
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
solidjs/solid-site#588 ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 30/100
solidjs/solid-site#584 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 58/100
solidjs/solid-site#583 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 42/100
solidjs/solid-site#577 ·
Tutte le issue di solidjs/solid-site
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
melgarafael/DeskcommCRM#1812 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
prisma/prisma-cli#309 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
gregwebs/pi-quota-dispatcher#26 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
openwatersio/slackwater.xyz#124 ·
I maintainer di solito rispondono entro 1 giorno
-
agent-reported area/browser area/docs documentation good first issue hacktoberfest help wanted P2
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
I maintainer di solito rispondono entro 2 giorni