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-grow, равное 2.

Этоработает так, как задумано в Firefox и Chrome.Любые мысли об источнике этого поведения в IE11?