140723 2015-01-21 08:12:56 -0800 SVG overflow:visible mouse events broken 2022-07-15 17:08:12 -0700 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) All All RESOLVED CONFIGURATION CHANGED http://codepen.io/anon/pen/pvPQqY P2 Normal --- 1 shauser webkit-unassigned ahmad.saleem792 ap bbudd bfulgham krit mmaxfield rniwa sabouhallawa sriram15690 zimmermann oldest_to_newest 1063058 0 shauser 2015-01-21 08:12:56 -0800 This is related to #96163 (https://bugs.webkit.org/show_bug.cgi?id=96163) When `overflow: visible` is set on an SVG element, it now renders the overflowing content, however mouse events do not work. In the linked example, hovering over the overflowed part of a `rect` node does not cause the `:hover` pseudo class to apply, and clicking in the overflowed part of a `rect` node does not supply the correct event target for the event handler in the JS. Clicking on parts of the `rect` within the SVG node does work as expected. 1063105 1 krit 2015-01-21 11:10:58 -0800 Blink fix https://code.google.com/p/chromium/issues/detail?id=231577 1063201 2 shauser 2015-01-21 15:14:36 -0800 Dirk, unsure what you mean. Are you just referencing the blink fix to facilitate fixing webkit or are you suggesting that this issue has already been fixed? 1063314 3 krit 2015-01-22 00:11:20 -0800 (In reply to comment #2) > Dirk, unsure what you mean. Are you just referencing the blink fix to > facilitate fixing webkit or are you suggesting that this issue has already > been fixed? This is meant for the developer fixing this bug. 1063348 4 shauser 2015-01-22 06:11:22 -0800 Cool, thanks for clarifying. 1248713 5 bbudd 2016-11-07 04:28:36 -0800 I'm wondering if there's any movement on this bug at all? Anything roadmapped? I'd love to see a fix for this. 1537559 6 sriram15690 2019-05-20 04:20:46 -0700 I'm wondering if there's any movement on this bug at all? Anything road mapped? I'd love to see a fix for this. 1883767 7 ahmad.saleem792 2022-07-14 13:53:17 -0700 I am able to reproduce this bug in Safari 15.5 on macOS 12.4 by performing following steps: 1) Load Codepen from the Description or URL 2) Hover the mouse on "BLACK" square on the outer edge (outside of red square - which is overlapped by black square) 3) Hover will not be activated (except for first - top left) and clicking with give "BODY" as result --> Expected Result (Which is consistent across all other browsers - Chrome Canary 105 and Firefox Nightly 104): hover to be activated even if the mouse cursor is outside on the black square portion --> Actual Result: Hover only activate for nodes when mouse is on red square or inner part of black box covering red square If I am testing incorrectly, please retest accordingly. Thanks! 1884444 8 bfulgham 2022-07-15 17:08:12 -0700 This actually seems to work properly, at least in Safari 16 on macOS 13 Beta. I can click in areas outside of the SVG, and see things like BODY, P, LI, and so forth. I think this behavior has progressed.