ClassList not working in SVG use tag in IE11

[SLYJason]

I'm build a angular project that I can't get classList from svg use tag in IE11, for example:

<svg class="a b c>
   <use class="d e f" [attr.xlink:href]="iconPath"/>
</svg>

I call classList of use tag in IE11, it just returned undefined. But if call classList of svg tag, it's working fine.

Note: iconPath is a component variable.

[englishextra]

point to the version of classList.js U R using

[SLYJason]

^1.1.20150312

[curtisbelt]

I'm having the same issue. 1.2.20171210

[curtisbelt]

@SLYJason I just solved this, at least for my case.

From https://github.com/facebook/react/issues/4963

add pointer-events: none to

svg,
use {
  pointer-events: none;
}

Worth mentioning this resolved my problem without needing classList polyfill after all.