[Webkit-unassigned] [Bug 81223] New: CSS transition on HTML is triggered on load

Thu Mar 15 08:40:18 PDT 2012

https://bugs.webkit.org/show_bug.cgi?id=81223

           Summary: CSS transition on HTML is triggered on load
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: oliver-webkit at prygotzki.de

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

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.