Use pointer-events: none;
on the svg. It worked for me.
The element is never the target of mouse events; however, mouse events
may target its descendant elements if those descendants have
pointer-events set to some other value. In these circumstances, mouse
events will trigger event listeners on this parent element as
appropriate on their way to/from the descendant during the event
capture/bubble phases.
https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…