Skip to content

Reverse on animation is broken in anime js 3 #577

@sven-ra

Description

@sven-ra

When I try to make a togglable animation like togglable menu for example the animation controls don't work as intended after the first time. When I click for reversed animation, it instead snaps to the beginning and plays it from the start again. Or there might be some other strange behaviour. This used to work in 2.2.

https://codepen.io/www_sven/pen/OYBaGw Anime JS 3.0.1
https://codepen.io/www_sven/pen/VOEVJz Anime JS 2.2.0 -> Works as expected

Steps to reproduce:

  1. Click on the toggle button to make the box appear
  2. Click on the toggle button to hide the box
  3. Click on the toggle button to make the box appear again
  4. Click on the toggle button to hide the box (Instead of hiding the box, the appear animation plays out again)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions