Rotated SVG Paths could not be edited

[jogibear9988]

sample code:

    <svg width="395" height="110" id="Animation Heizkreise" style="position:absolute;left:623px;top:142.452px;transform:rotate(-90deg);">
        <defs>
            <linearGradient id="MyGradientFullFBH" x1="0%" y1="0%" x2="0%" y2="100%">
                <stop offset="0%" stop-color="red"></stop>
                <stop offset="50%" stop-color="lightblue"></stop>
                <stop offset="100%" stop-color="#0101DF"></stop>
            </linearGradient>
        </defs>
        <g transform="scale(1)">
            <g>
                <path d=" M255,10 L320,10
                                              A10,10 0 0,0 320,10 
                                              A10,10 0 0,0 320,10 l50 0
                                              A10,10 0 1,1 370,39 l-50 0
                                              A10,10 0 0,0 320,61 l50 0
                                              A10,10 0 1,1 370,90 l-300 0
                                           " fill="none" stroke-width="8" stroke-dasharray="15 5" stroke="url(#MyGradientFullFBH)" bind-class:loading="0_userdata.0.testbool"></path>
                <defs>
                    <linearGradient id="MyGradientFull1FBH" x1="0%" y1="0%" x2="0%" y2="100%">
                        <stop offset="0%" stop-color="red"></stop>
                        <stop offset="100%" stop-color="darkred"></stop>
                    </linearGradient>
                </defs>
            </g>
        </g>
    </svg>