81223 2012-03-15 08:40:19 -0700 CSS transition on HTML is triggered on load 2022-06-10 09:16:16 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.7 RESOLVED DUPLICATE 70595 P2 Normal --- 1 oliver-webkit webkit-unassigned shanestephens shezbaig.wk oldest_to_newest 579412 0 oliver-webkit 2012-03-15 08:40:19 -0700 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 584933 1 133180 shanestephens 2012-03-21 20:42:35 -0700 Created attachment 133180 test case as described in body of bug 1875243 2 gsnedders 2022-06-10 09:16:16 -0700 *** This bug has been marked as a duplicate of bug 70595 *** 133180 2012-03-21 20:42:35 -0700 2012-03-21 20:42:35 -0700 test case as described in body of bug test.html text/html 320 shanestephens PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0idXRmLTgi PgogICAgPHRpdGxlPlRyYW5zaXRpb24gaXMgdHJpZ2dlcmVkIG9uIGxvYWQ8L3RpdGxlPgogICAg PHN0eWxlPgogICAgICBIVE1MIHsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7CiAgICAg ICAgLXdlYmtpdC10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIuNXM7CiAgICAgIH0KICAg IDwvc3R5bGU+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxPlRyYW5zaXRpb24gaXMgdHJpZ2dl cmVkIG9uIGxvYWQ8L2gxPgogIDwvYm9keT4KPC9odG1sPgo=