Doesn't recursively fix nested <use>

[jonathantneal]

Doesn't recursively fix nested

from svg4everybody.

[neatonk]

+1

[boarmanc]

Same issue here. The following SVG file does not work with svg4everybody when the symbol 'folder_s' is referenced from HTML in a use statement. (i.e., it works in Chrome and FF but is not properly expanded in IE 8, 9, 10 or 11):

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
   <g id="folder_icon">
      <path d="..." />
  </g>
</defs>
  <symbol id="folder_s" viewBox="0 0 128 128">
      <use xlink:href="#folder_icon" />
  </symbol>
</svg>  

I was able to work around this by placing the group 'folder_icon' under the symbol tag, but this is not ideal.

[jonathantneal]

This has been resolved in 2.0.0. Only <use> elements that are children of <svg> elements are shimmed.

[GuySartorelli]

@jonathantneal
This seems to not be working correctly. The following works for me in Chrome and Firefox but not IE11. Note that the <use> elements are all exclusively children of <svg> elements.

In spritesheet.svg:

<svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="some-symbol" viewBox="0 0 1471.17 2086.35">
    <path id="some-path" fill="currentColor" d="OMMITTED_FOR_BREVITY"/>
  </symbol>
  <svg id="some-symbol-left" viewBox="0 0 1471.17 2086.35" preserveAspectRatio="xMinYMid meet">
    <use href="#some-path"></use>
  </svg>
</svg>

In the html file:

<svg role="presentation" focusable="false">
  <use href="sprite-sheet.svg#some-symbol-left" />
</svg>