Bug 137047 - CSS animation pauses incorrectly when opening a new tab and coming back
Summary: CSS animation pauses incorrectly when opening a new tab and coming back
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: 525.x (Safari 3.2)
Hardware: iPhone / iPad All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-09-23 16:09 PDT by mariko.ogawa
Modified: 2023-05-10 02:52 PDT (History)
2 users (show)

See Also:


Attachments
This zip contains a folder that contains a source html file that shows the issue. (221.12 KB, application/zip)
2014-09-23 16:28 PDT, mariko.ogawa
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description mariko.ogawa 2014-09-23 16:09:59 PDT
To see the problem, unzip the archive and open " 300x250_c.html" from "300x250" folder on Safari on desktop or one of these devices and OS combinations:

iPad 3 + iOS 7.1
iPad 2 + iOS 7.0.2
iPad 2 + iOS 7.0.4
iPad 2 + iOS 7.1.2
iPhone 5 + iOS 7.1
iPhone 4s + iOS 7.1.2

1. First let the ad run all the way through and watch the animation.
2. Then refresh the page and when the bluetooth part of the ad appears (2nd sequence), click on the ad.
3. Close the new window that opens.


Issues: Animation pauses incorrectly...

 When you see the ad again, the ad will show a grey-ish background for a while before the third animation sequence of the ad appears.
 Also, when the third sequence appears, some of the elements will not appear.
Comment 1 mariko.ogawa 2014-09-23 16:28:03 PDT
Created attachment 238574 [details]
This zip contains a folder that contains a source html file that shows the issue.
Comment 2 Antoine Quint 2023-05-10 02:52:02 PDT
I cannot reproduce this issue with Safari 16. I let the ad play entirely, then reloaded the paged, then clicked on the ad and closed the new tab, the ad was still playing as expected.