Css cannot access SVG tag

Issue #20836082 • Assigned to Rossen A.

Details

Author
undefined u.
Created
Mar 14, 2019
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
18.17763
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

I have a an html code such as:

<div id="container">
<svg id="content" />
</div>

I can access the svg tag with css using the selector:
‘#container #content’

But I cannot access it using the selector:
‘#container SVG’

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Zachariah L.”

      Changed Steps to Reproduce

    • Hi Undefined!

      Thank you for contacting us about this issue! After testing, I was able to reproduce this issue in both Firefox and Microsoft Edge but not Chrome. The issue appears to be that ‘SVG’ should be lowercase (‘svg’). After making this change, it worked in all 3 browsers. I would suggest using the lowercase version to ensure compatibility in all major browsers.

      Thanks,

      Zach

    • Microsoft Edge Team

      Changed Assigned To to “Rossen A.”

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

    Sign in