RESOLVED DUPLICATE of bug 70595 81223
CSS transition on HTML is triggered on load 
https://bugs.webkit.org/show_bug.cgi?id=81223
Summary CSS transition on HTML is triggered on load
Oliver Prygotzki
Reported 2012-03-15 08:40:19 PDT
Test case: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Transition is triggered on load</title> <style> HTML { background-color: red; -webkit-transition: background-color 2.5s; } </style> </head> <body> <h1>Transition is triggered on load</h1> </body> </html> Expected result: · Red background, no transition Actual result: · Transition from white to red In 3 similar cases, you’ll see red background, no transition: · Inline style on HTML <!DOCTYPE html> <html style="background-color: red; -webkit-transition: background-color 2.5s;"> <head> <meta charset="utf-8"> <title>Transition is not triggered</title> </head> <body> <h1>Transition is not triggered</h1> </body> </html> · Inline style on BODY <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Transition is not triggered</title> </head> <body style="background-color: red; -webkit-transition: background-color 2.5s;"> <h1>Transition is not triggered</h1> </body> </html> · STYLE with BODY <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Transition is not triggered</title> <style> BODY { background-color: red; -webkit-transition: background-color 2.5s; } </style> </head> <body> <h1>Transition is not triggered</h1> </body> </html> Actual + Expected result: · Red background, no transition
Attachments
test case as described in body of bug (320 bytes, text/html)
2012-03-21 20:42 PDT, Shane Stephens 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Shane Stephens
Comment 1 2012-03-21 20:42:35 PDT
Created attachment 133180 [details] test case as described in body of bug
Sam Sneddon [:gsnedders]
Comment 2 2022-06-10 09:16:16 PDT
*** This bug has been marked as a duplicate of bug 70595 ***
Note You need to log in before you can comment on or make changes to this bug.