[Webkit-unassigned] [Bug 152548] New: clip-path property incorrectly clips pointer-events for clipped elements

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Dec 24 12:30:47 PST 2015


            Bug ID: 152548
           Summary: clip-path property incorrectly clips pointer-events
                    for clipped elements
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: krof.drakula at gmail.com
                CC: simon.fraser at apple.com

Reproduction URL: http://codepen.io/KrofDrakula/pen/zrKNKP

What steps will reproduce the problem?
1. open the page in the link
2. try clicking outside of the images/red area on the text surrounding the images
3. popup alert() appears notifying you of a click on one of the .content <img> elements

What is the expected result?

Should not pop up an alert() since the images should not be clickable outside of their clip-path regions (clipped by its parent, .view).

What happens instead of that?

Pointer events are triggered on the fixed positioned element outside of its parent's clipping path, which it shouldn't (it doesn't render outside of the bounds of its parent's clip path).

Note: this happens in Chrome, too (https://code.google.com/p/chromium/issues/detail?id=572107). Firefox handles this correctly, but in the demo page, the third example doesn't work since it only supports URL SVG clipping paths, not inset().

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20151224/b47af195/attachment.html>

More information about the webkit-unassigned mailing list