Почему не заполняется svg use в Angular?

Question

[liltrill]

Всем привет!

Какой то бред происходит, вообщем создал спрайт svg, спрайт состоит из symbol элементов.
И во всем приложении все круто, но при вызове списка просто не заполняется shadow dom в гугле, а в мозилле все работает:

Google:



Mozilla:



Очень странная фигня, при добавлении новой иконки через спрайт сломались уже рабочие иконки которые были справа. Если слева иконки не через спрайт то работают правые иконки:



Если левую иконку сделать не шрифтом а спрайтом то в этом компоненте перестают работать все иконки:

Comments

[Антон Швец]

Можно попробовать сделать компоненты с шаблоном из svg и добавлять их типа как разметку. ShadowDOM не будет.
Ангуляр с 8 версии позволяет использовать svg темплейты.

[liltrill]

Антон Швец, Спасибо, план Б вы мне создали)) если не найду причину, то придеться использовать ваш вариант :)

[Антон Швец]

liltrill, а почему вы не используете просто<img src="xxx.svg">?

[liltrill]

Антон Швец, Иконок много, запросов тоже что не очень хорошо(. Так же эти иконки в некоторых местах управляються через css, наведение/активное состояния