<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>213547</bug_id>
          
          <creation_ts>2020-06-24 00:57:26 -0700</creation_ts>
          <short_desc>Animation runs only for the first time</short_desc>
          <delta_ts>2020-06-24 13:07:09 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Animations</component>
          <version>Safari 13</version>
          <rep_platform>iPhone / iPad</rep_platform>
          <op_sys>iOS 13</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>207993</dup_id>
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter>tyls.alexandr</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>dino</cc>
    
    <cc>graouts</cc>
    
    <cc>graouts</cc>
    
    <cc>jonlee</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1665662</commentid>
    <comment_count>0</comment_count>
    <who name="">tyls.alexandr</who>
    <bug_when>2020-06-24 00:57:26 -0700</bug_when>
    <thetext>Spinner keyframes animation gets stuck after the first run.

You can view the bug on this page: https://app.nabij.se/empty
Click the button. The spinner should be rotating for 2.5s, but spins only when clicked for the first time.

I have noticed that it could be related to the Web Animations API. If I go to the Safari settings -&gt; Advanced -&gt; Experimental features and turn off &quot;CSS Animations via Web Animations&quot; or &quot;Web animations&quot; then it runs every time.

I was not able to create an isolated test case, it happens only inside my app. I did not figure out what is affecting it.

Encountered on iPhone 8, iOS 13.5.1 and also Chrome for iOS
Used frameworks and libraries: Vue.js 2.6.11, Bulma 0.9.0</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1665740</commentid>
    <comment_count>1</comment_count>
    <who name="Jon Lee">jonlee</who>
    <bug_when>2020-06-24 08:22:00 -0700</bug_when>
    <thetext>Have you tried the latest iOS 14 beta? It appears to work for me.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1665772</commentid>
    <comment_count>2</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2020-06-24 09:44:07 -0700</bug_when>
    <thetext>Thanks for your bug report! This bug has already been fixed (bug 207993) and you can see this in a recent Safari Technology Preview on macOS or the iOS 14 beta.

*** This bug has been marked as a duplicate of bug 207993 ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1665840</commentid>
    <comment_count>3</comment_count>
    <who name="">tyls.alexandr</who>
    <bug_when>2020-06-24 13:07:09 -0700</bug_when>
    <thetext>Thanks for the quick reply! And sorry for the duplicate, I missed the other one.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>