WebKit Bugzilla
Attachment 362706 Details for
Bug 194938
: Changing the transition-duration of an-flight transition should not alter or cancel it
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
Test case
transition-shoud-not-cancel-when-changing-transition-duration.html (text/html), 864 bytes, created by
Antoine Quint
on 2019-02-22 01:20:16 PST
(
hide
)
Description:
Test case
Filename:
MIME Type:
Creator:
Antoine Quint
Created:
2019-02-22 01:20:16 PST
Size:
864 bytes
patch
obsolete
><!DOCTYPE html> ><html> ><head> ><meta charset="utf-8"> ><style> > >div { > top: 0; > left: 0; > width: 200px; > height: 200px; > background-color: black; >} > ></style> ></head> ><body> ><div></div> ><script> > > const target = document.querySelector("div"); > target.style.transitionDuration = "5s"; > > setTimeout(_ => { > target.addEventListener("transitionrun", event => { > setTimeout(_ => { > console.log("Removing the 'transition' property after the transition has been running for a second."); > target.style.removeProperty("transition-duration"); > console.log(`Number of running animations: ${target.getAnimations().length}.`); > }, 1000); > }); > > console.log("Starting initial transition."); > target.style.marginLeft = "500px"; > }); > ></script> ></body> ></html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div { top: 0; left: 0; width: 200px; height: 200px; background-color: black; } </style> </head> <body> <div></div> <script> const target = document.querySelector("div"); target.style.transitionDuration = "5s"; setTimeout(_ => { target.addEventListener("transitionrun", event => { setTimeout(_ => { console.log("Removing the 'transition' property after the transition has been running for a second."); target.style.removeProperty("transition-duration"); console.log(`Number of running animations: ${target.getAnimations().length}.`); }, 1000); }); console.log("Starting initial transition."); target.style.marginLeft = "500px"; }); </script> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 194938
: 362706