Animation component event only triggers once
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 17.6k
- Forks
- 4.4k
- PR merge metrics
- No merged PRs in 30d
Description
I'm trying to update one of the examples from the guides to use the animation component rather than a-animation.
One of the animations is triggered with a click event, but it only triggers once. Mouse events works as expected.
Here is the code: https://glitch.com/edit/#!/various-bathroom
Also, anime.js accepts custom bezier curves as easing property, it would be nice to add this feature here. Glad to help doing it, but not sure where to start.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the click-triggered animation with the linked Glitch example and inspect the animation component entry point. Confirm the animation can be triggered more than once, then separately assess the requested custom bezier easing support and document the resulting behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100