Bug 230304

Summary: foreignobject or object Tag in stacked svg not registering click
Product: WebKit Reporter: Max <maxlennartborm>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: kevin_neal, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: All   
OS: Unspecified   
Attachments:
Description Flags
The simplified issue none

Description Max 2021-09-15 05:07:52 PDT
Created attachment 438239 [details]
The simplified issue

I have a svg embedded in another using a object tag that is contained in a foreignobject as per recommendation by mdn to retain script execution.
The inner eventlistener (green in second.svg) doesnt do anything in webkit while chrome and firefox have no problem with this.
The outer eventlistener (pink in main.svg) works though.
Because I am able to call the alert from main.svg even when the website is embedded into HTML via object tag, I concluded that the object tag cant be responsible.
My guess is that it is the foreignObject tag.

I have uploaded the issue to github pages to spare you the download of the attachment: https://scopeofaperture.github.io/safarisvgissue/

If this is expected behaviour please tell me and if you have, please point me to documentation mentioning this.
Comment 1 Kevin Neal 2021-09-20 09:24:01 PDT
Thank you for filing. I was able to reproduce the bug on latest version of Safari. The appropriate engineers have been notified.
Comment 2 Radar WebKit Bug Importer 2021-09-20 09:24:16 PDT
<rdar://problem/83309441>