Bug 42819

Summary:

:hover selector on div with z-index: -1 and position: absolute is broken

Product:

WebKit

Reporter:

tristanstraub

Component:

WebCore Misc.

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

mitz, simon.fraser

Priority:

Version:

528+ (Nightly build)

Hardware:

All

OS:

All

Attachments:

Description	Flags
test case	none

tristanstraub

Reported 2010-07-22 06:25:40 PDT

: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>

Attachments
test case (975 bytes, text/html) 2010-07-22 16:41 PDT, Alexey Proskuryakov	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Alexey Proskuryakov

Comment 1 2010-07-22 16:41:00 PDT

Created attachment 62359 [details] test case Same test as an attachment.

Simon Fraser (smfr)

Comment 2 2010-07-22 16:46:32 PDT

A z-index of -1 puts the element behind the body, so the body gets the hover and hit testing. This is correct behavior.

mitz

Comment 3 2010-07-22 16:47:20 PDT