Why does the border change on resize?

Question

css

update .
(As I understand it, the problem is with rect
, but I don’t understand how to stretch it; I
tried to set width: 100%
height: 100% in css,

it didn’t help)

the essence of the problem is below: the
page loaded -
I’m doing a resize well and
somewhere the size
increases or disappears altogether border from some side

how can I fix it? or not?

https://jsfiddle.net/1ut3ha5o/

Answer 1

because the rect has no dimensions, so it "floats" inside the svg container, try something like this:
<svg><rect x="0" y="0" width="100%"></rect></svg>