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
Created attachment 133180 [details] test case as described in body of bug
*** This bug has been marked as a duplicate of bug 70595 ***