<use /> tags

<svg width='150' height='150' viewBox='0 0 150 150'>
    <defs>
        <rect width='100' height='100' fill='red' id='a'/>
    </defs>
    <rect x='20' y='20' width='100' height='100' fill='green' id='a'/>
    <use xlinkHref='#a'/>
    <rect x='50' y='50' width='100' height='100' fill='black' id='a'/>
</svg>

When there is another node (any path/rect/etc) before <use/> node, <use /> node goes below the last node and this breaks picture layering

[jhamlet]

The issue was with xml2js not keeping its children in order. This should be fixed with v0.4.0-beta.2

[KidsKilla]

@jhamlet

I’m aiming for v0.4.0

Cool, thanks!

Do you have a sample SVG file that I can reproduce this with?

The one that is in the topic. It should have black square above the others, but now there’s red one.