[Webkit-unassigned] [Bug 185771] WebKit mistakenly lets pointer events (click/hover/etc) pass through flex items, if they have negative margin

[bugzilla-daemon at webkit.org]

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

--- Comment #1 from Daniel Holbert <dholbert at mozilla.com> ---
For demonstration/comparison purposes, here are two tweaks I can make to the testcase, which make it no longer reproduce the problem:

 (1) add a nondefault opacity to the child with a negative margin:
https://jsfiddle.net/1tf66qrn/1/
 (position:relative has the same effect, too)

 (2) Make the children inline-blocks rather than flex items:
https://jsfiddle.net/1tf66qrn/2/

With either of those tweaks, Safari (and Chrome) will correctly make the orange div prevent mouse events from reaching the link that it's covering up.

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