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

Fixed Issue #10583086

Details

Created
Jan 19, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
38.14393
Reports
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.

Attachments

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.

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

Sign in