Click event is not firing on click on svg > use > path

Fixed Issue #10583086


Jan 19, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 6 people

Sign in to watch or report this issue.

Steps to reproduce

See attached example.

  1. Click on div with red background => click event is displayed in log.
  2. Click on svg > path (with white background) => click event is NOT displayed in log.
  3. 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.


2 attachments

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?

You need to sign in to your Microsoft account to add a comment.

Sign in