[feat]: skipAnimation at the component level
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend
Direzione di ricerca
Parti dal punto di ingresso useSpring e traccia come viene applicata l’impostazione globale esistente skipAnimation. Definisci come skipAnimation: false a livello di componente interagisce con l’impostazione globale, quindi aggiungi una copertura di test che dimostri che gli utenti con movimento ridotto continuano a ignorare le altre animazioni mentre questa animazione del componente viene eseguita.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
A clear and concise description of what the feature is
skipAnimation currently exists at the Global level which is very useful when used with useReducedMotion to be a good a11y citizen. But what if there are animations we don't want skipped regardless of user preference? Currently we can only block all animations or allow all and selectively block a few. This feature would allow one to maintain skipping animations for folks with reduced motion turned on but allow you to selectively allow certain animations to proceed.
Why should this feature be included?
The alternative is to selectively block animations. In a large codebase where many animations can exist this is not only cumbersome but also exposes the developers to shipping a poor a11y experience by forgetting to check reduced motion setting for new animations added.
Please provide an example for how this would work
// when the property exists and it's set to false the animation will not be skipped regardless of the global setting.
useSpring({ skipAnimation: false });
- Lingua principale
- TypeScript
- Stelle
- 29.2k
- Fork
- 1.2k
- Merge medio
- 16h 25m
- PR unite (30g)
- 48
Preparare l'ambiente
- Include un Dockerfile o un file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
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 pmndrs/react-spring
-
area: core kind: request
Difficoltà 4/5 3-5 giorni Idoneità per principianti 55/100
pmndrs/react-spring#2542 ·
I maintainer di solito rispondono entro 1 giorno
-
area: typescript kind: request release: major
Difficoltà 4/5 3-5 giorni Idoneità per principianti 52/100
pmndrs/react-spring#2541 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
animated() throws 'cannot add a new property' on non-extensible React Native host components (Hermes)Forse già presa Una pull request collegata a questa issue è aperta o già unita. Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 68/100
pmndrs/react-spring#2533 ·
I maintainer di solito rispondono entro 1 giorno
-
release: major type: RFC
Difficoltà 5/5 Più di una settimana Idoneità per principianti 35/100
pmndrs/react-spring#2522 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
[bug]: Tab crash with skipAnimation and loopForse di nuovo libera Una pull request per questa issue è stata chiusa senza essere unita. Apertaarea: core kind: bug
Difficoltà 3/5 1-2 giorni Idoneità per principianti 52/100
pmndrs/react-spring#2409 ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di pmndrs/react-spring
Issue simili
-
check:passed streams:add
Difficoltà 1/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 2 giorni
-
beta technical-medium ui
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
walletbeat/walletbeat#1625 ·
I maintainer di solito rispondono entro 1 giorno
-
Good First Issue hacktoberfest
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
hiero-ledger/hiero-sdk-js#4489 ·
I maintainer di solito rispondono entro 1 giorno
-
[Bug] The clients language filter cannot select the rows the page labels as unknownForse già presa Una pull request collegata a questa issue è aperta o già unita. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
apache/rocketmq-dashboard#6103 ·
I maintainer di solito rispondono entro 4 giorni
-
Bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
payloadcms/payload#18652 ·
I maintainer di solito rispondono entro 1 giorno