на страницу:
html
<div class="test">
<svg viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg">
<use href="@/assets/img/search_step2/cross.svg#cross" />
</svg>
</div>
содержимое svg
<svg id="cross" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33341 0.666672L0.666748 7.33334M0.666748 0.666672L7.33341 7.33334" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Везде работает, кроме Safari. Подскажите пожалуйста, что я не так делаю? Нет техники эпл, чтобы дебажить сафари.
Мб атрибутов каких не хватает специфичных? Я пробовал и ширину и высоту задавать , и href и xlink:href - все бестолку
Может проблема какая то возникает из-за того, что на странице после билда в html вставляется это? <svg viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg" data-v-5282bc4e=""> <use xlink:href="data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxzeW1ib2wgaWQ9ImNyb3NzIiBmaWxsPSJub25lIj4KICAgICAgICA8cGF0aCBkPSJNNy4zMzM0MSAwLjY2NjY3MkwwLjY2Njc0OCA3LjMzMzM0TTAuNjY2NzQ4IDAuNjY2NjcyTDcuMzMzNDEgNy4zMzMzNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPC9zeW1ib2w+CiAgICAKPC9zdmc+Cg==#cross" data-v-5282bc4e=""></use> </svg>
Обсуждают сегодня