Summary: | Negative animation-delay is treated as 0s | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Lea Verou <lea> | ||||||||
Component: | CSS | Assignee: | Simon Fraser (smfr) <simon.fraser> | ||||||||
Status: | RESOLVED CONFIGURATION CHANGED | ||||||||||
Severity: | Normal | CC: | commit-queue, dino, dstockwell, graouts, igor.oliveira, kula.przemyslaw, peter, simon.fraser, webkit-bug-importer, zyuzin.vitaly | ||||||||
Priority: | P2 | Keywords: | InRadar | ||||||||
Version: | 528+ (Nightly build) | ||||||||||
Hardware: | Unspecified | ||||||||||
OS: | Unspecified | ||||||||||
URL: | http://result.dabblet.com/gist/dda915b008971eb6808b | ||||||||||
Attachments: |
|
Description
Lea Verou
2015-01-28 12:30:34 PST
Still not fixed in Safari Developer Preview 9.1.1 We certainly handle negative animation-delay in some cases. I'm not sure why it doesn't work here. Is this bug primarily about starting in the paused state? It's used to start halfway through an animation, often used in conjunction with animation-play-state: paused, but not only. Created attachment 276458 [details]
Test
Attachment shows that this works in the general case, but not when starting paused.
Ideally, even if an animation is paused, a negative `animation-delay` value should allow the animation to appear paused, part-way through. For example, a paused animation with `animation-delay: -0.5s` should appear paused at 0.5s from the start. Right. I found a bug in animations with negative delay that are paused from the start, which I think is this bug. Created attachment 277132 [details]
Patch
Comment on attachment 277132 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=277132&action=review > LayoutTests/animations/play-state-start-paused.html:20 > + /* For manuel testing. */ manuel => manual > LayoutTests/animations/play-state-start-paused.html:45 > + <div class="container"> You may want to consider adding some text to explain that you can hover over these boxes to animate them when this test is run outside of a test tool (i.e. !window.testRunner) to make this feature more discoverable. Hello! This is broken in Safari 11.0.1 now. And also in Safari Developer Preview. Can you provide a URL or test case that shows the broken behavior? Yes, sure. This url http://result.dabblet.com/gist/dda915b008971eb6808b shows rectangles. Sometimes when I reload page they all are red, and sometimes everything is ok, animation working. When I reset animation in dev tools it starts working. Video of this strange behavior is here https://yadi.sk/i/riuWHvt63PhajH. I can reproduce. I wasn't able to determine if this is a regression. Created attachment 326919 [details]
Testcase
Still not fixed in Safari 11.1 Both of the tests attached to this bug as well as the reported URL behave the same in shipping Safari, Chrome and Firefox. This is now fixed. |