Bug 137047

Summary:

CSS animation pauses incorrectly when opening a new tab and coming back

Product:

WebKit

Reporter:

mariko.ogawa

Component:

Animations

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

dino, graouts

Priority:

Version:

525.x (Safari 3.2)

Hardware:

iPhone / iPad

OS:

All

Attachments:

Description	Flags
This zip contains a folder that contains a source html file that shows the issue.	none

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.