RESOLVED FIXED 159791
setting a property on CSSStyleDeclaration no longer sets the -webkit prefixed property automatically
https://bugs.webkit.org/show_bug.cgi?id=159791
Summary setting a property on CSSStyleDeclaration no longer sets the -webkit prefixed...
erwin.mombay
Reported 2016-07-14 15:43:06 PDT
When you have webkit prefixed css animations, you could previously overwrite it through `element.style.animation = 'none'` and `element.style.webkitAnimation` would be set automatically. In Safari Technology preview it only sets the un-prefixed style which causes the example below to never be visible. I'm guessing this is because https://bugs.webkit.org/show_bug.cgi?id=104803 has not been implemented yet and work is in progress. example: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> body { -webkit-animation: -start 100s steps(1,end) 0s 1 normal both; animation: -start 100s steps(1,end) 0s 1 normal both; } @-webkit-keyframes -start { from {visibility:hidden} to {visibility:visible} } @keyframes -start { from {visibility:hidden} to {visibility:visible} } </style> </head> <body> hello world <script> document.body.style.opacity = 1; document.body.style.visibility = 'visible'; document.body.style.animation = 'none'; </script> </body> </html>
Attachments
erwin.mombay
Comment 1 2016-07-14 16:17:02 PDT
correction on my previous comment: "never be visible" -> "be visible only after animation duration"
Dean Jackson
Comment 2 2016-07-14 16:20:38 PDT
I fixed this a few days ago.
Dean Jackson
Comment 3 2016-07-14 16:21:26 PDT
I believe it was fixed in r202950
Note You need to log in before you can comment on or make changes to this bug.