Clicking on a link wrapped around a svg using <use> when some pseudo-class are present does not work.

Confirmed Issue #11920214

Details

Author
Adrian A.
Created
May 5, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
40.15063
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

  1. Wrap an anchor around a svg that is linked using the <use> element.
  2. Add either a link pseudo-class or dynamic pseudo-class to a stylesheet.
  3. Click on the svg within the anchor.

Expected result: Should navigate user to link.
Actual result: Does not navigate user to link.

Reduced test cases - https://github.com/06b/MS-Edge-Anchor-wrapped-around-SVG-use-not-triggering-click-when-used-with-pseudo-class-present-bug

Attachments

Comments and activity

  • Changed Steps to Reproduce

    Changed Title from “Clicking on an link svg <use>when some pseudo-class are present does not work.” to “Clicking on a link wrapped around a svg using <use> when some pseudo-class are present does not work.”

    Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. We are unable to reproduce the problem and find your sample exhibits the same behavior in other browsers. Specifically, we are navigated to the example website when we click the links in the repro sample-files; we have attached those samples for review. Please update this case if you can provide new information for us to consider.

    Best Wishes,
    The MS Edge Team

  • Hello James,

    It appears the samples attached did not include the linked svg used in the example.

    I’ve attached the two svgs so you can retest. Note - test1.html will always work as it’s the control as noted in the readme file.

    In downloading the attached samples including the two attached svg files, I’ve made sure to unblock the security settings since the linked svg won’t display until that change has been made, afterwards I was able to recreate the issue in edge.

    I’ve also included jsfiddle links for test 3-6 as they are the test cases to highlight the bug. Test 1 was the control and Test 2 is the reverse of Test 1 in the event the issue was related to the linked SVG. Also updated the repo to include the following links:

    JSFiddle Test 3
    JSFiddle Test 4
    JSFiddle Test 5
    JSFiddle Test 6

    Best Regards,
    Adrian D. Alvarez

  • Microsoft Edge Team

    Changed Status to “Confirmed”

  • Thanks for your feedback! I duped this to an internal issue tracking this already. The status should switch to Confirmed on your side.

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

Sign in