Есть svg файл который загружается на сайт внутри object.
<div id="map">
<object
type="image/svg+xml"
data="/MapsemifinalmoddedV2.svg">
<img src="/MapsemifinalmoddedV2.svg">
</object>
</div>
Для элементов path (несколько элементов) внутри svg задается анимация hover, а так же ссылка на отдельные элементы. Возникает проблема с тем что ссылка открывается так же внутри object, есть ли варианты как вынести открытие ссылки на родительскую страницу, по идее при нажатии вообще должно открываться модальное окно.
<a class="tn-atom" href="#popup:1" style="backface-visibility: hidden;">
<mask id="path-32-inside-13" fill="white">
<path d="..." fill="#27292A" stroke="url(#paint31_linear)" stroke-width="3" stroke-linejoin="round" mask="url(#path-32-inside-13)"/>
</a>
P.S. Вставить методом inline нет возможности.
<object>
не может применяться тег<img>