[Webkit-unassigned] [Bug 122822] New: :hover triggers on a block with max-height: 0; overflow: hidden; and box-shadow.

[bugzilla-daemon at webkit.org]

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

           Summary: :hover triggers on a block with max-height: 0;
                    overflow: hidden; and box-shadow.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
               URL: http://jsfiddle.net/tJTyb/show/
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: qtax at qtax.se


In this example if you move your mouse over where .a would be rendered if it didn't have max-height: 0; the :hover rule is triggered, but it shouldn't be.

Tested and reproduced on latest stable Google Chrome and Safari on Windows 7 and Mac OS.


HTML:

    <div class="a">
      <div class="b">Hover triggered when you hover over my box-shadow which is inside of my full size dimensions.</div>
    </div>


CSS:

    .a{
      max-height: 0;
      overflow: hidden;
      box-shadow: 0 0 100px #000; /* smaller shadow decreases the area of the hover */
      position: relative; /* only when positioned */
    }
    .a:hover{
        max-height: 1000px;
    }
    .b{
        height: 100px; /* doesn't work when set on the parent, has to be on the child */
    }

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