The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other CSS3 translate3d animations cannot be stopped when running: ios safari

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #192346

    CSS3 translate3d animations cannot be stopped once they start running when running on ios8 Safari.

    Changing property animation-play-state from running to paused does not stop the animations from running as it should be the case.

    • Steps to reproduce the problem

    I have created two self contained examples to demonstrate the problem.

    In order to reproduce the problem create an activity consisting of a single WebView which loads the following url

    Trying to press the stop link the animation does not stop at is should be.
    The above works fine in computer browser but it’s not pausing in ios safari.

    Also I have created a similar example where the only difference is that simple CSS3 animations are used (not translate3d ) and that seems to work fine in any case.

    The expected behavior would be when property animation-play-state (-webkit-animation-play-state to be more precise)changes from running to paused for an animation that is currently running to pause.

    An additional observation is that if the animations hasn’t started then changed the animation-play-state to paused it does pause the animation.

    For latest Andriod Chrome, it’s not pausing at initial stage as well.

    PS: I copied all the above text/qn form here:

Viewing 1 post (of 1 total)
  • The forum ‘Other’ is closed to new topics and replies.