Copy SVG ie11 Bug

Finding a bug in ie11 when trying to copy an svg.

by jacobwsmith

HTML

<p>Input:</p>
<div id="input">
    <!-- SVG START -->
    <svg xmlns="http://www.w3.org/2000/svg" width="110" height="110">
        <circle cx="52" cy="52" r="50" stroke="black" stroke-width="1" fill="red" />
    </svg>
    <!-- SVG END -->
</div>
<p>Output:</p>
<div id="output">&nbsp;</div>
<button type="button" onclick="copy()">Copy SVG Input to Output</button>

CSS

#input {
    background-color: #e7e7e7;
}
#output {
    background-color: #ccc;
}

JavaScript

var copy = function () {
    alert('start copy');
    var svg = document.getElementById('input').innerHTML;
    document.getElementById('output').innerHTML = svg;
    alert('end copy');
};