londers
@londers
Full stack

Use не отображает контент по ссылке, что делать?

Здравствуйте, столкнулся с такой проблемой: я сделал отдельным файлом svg...
<svg class="d-none" aria-hidden="true">
    <symbol id="icon-logo" viewBox="0 0 512 512">
        <path d="*секрет*" />
    </symbol>
</svg>

...и вставил его через iframe...
iframe.js-iframeSvg(src="./assets/svg/icons.svg", onload="this.before(this.contentDocument.children[0]); this.remove();")

...в итоге перестал работать use...
svg(alt="*что-то*").d-block.p-centered.icon-4rem
   use(xlink:href="#icon-logo")

...и выглядит после сборки вот так:
<svg class="d-block p-centered icon-4rem" alt="*что-то*">
    <use xlink:href="#icon-logo">
        #shadow-root (closed)
    </use>
</svg>


Так и не понятно что происходит, и ещё прошу объяснить как работает use, спасибо)
  • Вопрос задан
  • 723 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы