SVG IE11-标记在ie11中偏移，并且在单击时“跳跃”

Question

具有向下箭头的SVG，底部带有箭头：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
                <defs>
                    <marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="4" orient="auto" markerUnits="strokeWidth" viewBox="0 0 10 10">
                        <path d="M0,0 L0,8 L6,4 z" style="fill:#c9cdcd;stroke: none;" />
                    </marker>
                </defs>
                <line x1="23" y1="0%" x2="23" y2="82%" stroke="#c9cdcd" style="stroke-width:5; marker-end:url(#arrow);" />
</svg>

我在IE 11中遇到一些问题。直线和三角形之间存在偏移，每当我单击文档时，它都会“跳回”其预期位置。

SVG本身位于flex容器中，并且flex-grow设置为2。

它正在Firefox和Chrome中正常工作。 对IE11中这种行为的根源有何想法？