[Webkit-unassigned] [Bug 73068] New: css :hover doesn't work on initially onscreen absolute positioned divs with negative z-index

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Nov 23 21:03:34 PST 2011


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

           Summary: css :hover doesn't work on initially onscreen absolute
                    positioned divs with negative z-index
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Event Handling
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mikelawther at chromium.org


As reported at http://code.google.com/p/chromium/issues/detail?id=83533;

An absolutely positioned div with a negative zindex that is initially visible without scrolling doesn't have hover applied to it.

----------
<style>
div {
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: blue;
    z-index: -1;
}

div:hover {
    background-color:green;
}
</style>   

<div style="top: 200px;"></div>
<div style="top: 400px;"></div>
<div style="top: 600px;"></div>
<div style="top: 800px;"></div>
------------

In the above testcase, any div that is initially offscreen (ie requiring scrolling) will correctly turn green on hover. The ones that are initially onscreen don't.

Note you need to load this directly - pasting into something like jsfiddle.net does not repro the problem.

Browsers Tested (MacOS):
 - WebKit Nightly r101106: BAD
 - Firefox 8.0 : OK
 - Opera 11.52: OK

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



More information about the webkit-unassigned mailing list