[Webkit-unassigned] [Bug 42819] New: :hover selector on div with z-index: -1 and position: absolute is broken

Thu Jul 22 06:25:40 PDT 2010

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

           Summary: :hover selector on div with z-index: -1 and position:
                    absolute is broken
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: WebCore Misc.
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: tristanstraub at gmail.com

:hover selector on div with z-index: -1 and position: absolute, doesn't match div.

Example:

Top two buttons don't change.

<DOCTYPE html>
<html>
<head>
  <style type="text/css">
    .title {}
    .entry {}

    .tag { 
      -moz-box-shadow: 0px -5px 0px #000;
      -webkit-box-shadow: 0px -5px 5px #000;

      -moz-border-radius: 10px 10px 0px 0px;
      -webkit-border-radius: 10px 10px 0px 0px;
      width: 80px;
      text-align: center;
      background: #77ff00;

      height: 30px;
      position: absolute;
      padding-bottom: 0px;
    }

    .tag:hover
    {
      padding: 20px;
      -webkit-transition: 0.1s ease-in;
      -moz-transition: 0.1s ease-in;    
    }

    .g1 { 
      left: 0px;
    }

    .g2 { 
      left: 80px;
    }

    .h1
    {
      bottom: 0px;
    }

    .h2
    {
      bottom: 50px;
      z-index: -1;
    }
  </style>
</head>
<body>
  <div class="title"></div>
  <div class="entry"></div>

  <div class="tag g1 h1">left</div>
  <div class="tag g2 h1">right</div>
  <div class="tag g1 h2">left</div>
  <div class="tag g2 h2">right</div>
</body>
</html>

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