Steps to reproduce
See attached example.
- Click on div with red background => click event is displayed in log.
- Click on svg > path (with white background) => click event is NOT displayed in log.
- Click in svg > path inner circle with transparent background => click event is displayed in log.
Expected result: click event is displayed in log in all cases.
Comments and activity
- Microsoft Edge Team
Changed Status to “Fixed”
This is a known gap that SVG use element subtrees are added with scripting disabled. I’ve resolved this against feature work that tracks bridging this platform gap
You can circumvent this by setting “pointer-events: none” via CSS on the
I’m not sure why this issue is marked as "Fixed", it is absolutely NOT fixed.
To anyone who is attempting to add events to SVG’s in this way, the March 15th 2017 comment by Anonymous stands:
pointer-events: none;will do the trick, and we moved the bound event to the containing element.
Sad this workaround is necessary. Sad it’s still not fixed.
As Gavin said, this issue is 100% not fixed. Still occurring in Edge 41.16299.248.0
As Gavin said, this issue is NOT FIXED.
Bug happens in Edge Microsoft Edge 42.17134.1.0
This ticket is marked as FIXED, although it is still failing on EDGE version 41.16299.248.0. The colored sides of the SVGs (hence, svg > use > path) are not clickable. Will you please help?