SVGMarkerElement setOrientToAuto affects attribute?

by Nikos Andronikos

HTML

<svg viewBox="0 0 100 20">
  <defs>
        <marker id="arrow1" orient="22" markerWidth="10" markerHeight="10" style="overflow:visible">
            <path d="M5,0 L 0,-5 L0,5 z" fill="skyblue"/>
        </marker>
  </defs>
  <path d="M 10,10 h80" marker-start="url(#arrow1)" stroke="black"/>
</svg>
<div id="output"></div>

JavaScript

var markerElement = document.querySelector("#arrow1");
var svgElement = document.querySelector("svg");
var output = "";
var svgAngle = svgElement.createSVGAngle();
svgAngle.value = 0;

markerElement.setOrientToAngle(svgAngle);
output += markerElement.getAttribute("orient") + " (should be "+svgAngle.value+")<br/>";

markerElement.setOrientToAuto();
output += markerElement.getAttribute("orient") + " (should be auto)<br/>";

markerElement.setOrientToAngle(svgAngle);
output += markerElement.getAttribute("orient") + " (should be "+svgAngle.value+")<br/>";

markerElement.setOrientToAuto();
output += markerElement.getAttribute("orient") + " (should be auto)<br/>";

svgAngle.value = 111;

markerElement.setOrientToAngle(svgAngle);
output += markerElement.getAttribute("orient") + " (should be "+svgAngle.value+")<br/>";

markerElement.setOrientToAuto();
output += markerElement.getAttribute("orient") + " (should be auto)<br/>";

markerElement.setOrientToAngle(svgAngle);
output += markerElement.getAttribute("orient") + " (should be "+svgAngle.value+")<br/>";

markerElement.setOrientToAuto();
output += markerElement.getAttribute("orient") + " (should be auto)<br/>";

markerElement.setAttribute("orient", "AUTO");
output += markerElement.getAttribute("orient") + " (should be AUTO)<br/>";

document.querySelector("#output").innerHTML = output;