Значок SVG ломает теги привязки IE11 - PullRequest
0 голосов
/ 09 июля 2019

У меня проблема, когда наличие тега внутри тега svg разрывает ссылку, которая работает в других браузерах. В IE11 работает следующий код:

                <span class="login-user-name" *ngIf="isLoggedIn">
                <a href="/auth/change-password" title="Change Password" attr.aria-label="Change Password Link">                        
                    Change your password
                </a>
                {{(user | async).displayName}}
            </span>

Однако следующее работает в других браузерах, но не в IE11. Я был удивлен отсутствием релевантных результатов, которые мне удалось найти как в SO, так и в Google, о том, что SVG не работают внутри тегов в IE11:

<span class="login-user-name" *ngIf="isLoggedIn">
<a [routerLink]="['/auth/change-password']" title="Change Password" attr.aria-label="Change Password Link">
    <svg-icon class="medium-gray tiny" icon="icon-torso" aria-hidden="true"></svg-icon>
</a>
{{(user | async).displayName}}
</span>

1 Ответ

0 голосов
/ 11 июля 2019

Я не совсем понимаю «почему», но один из других разработчиков решил это, просто подставив тег для. Его единственный комментарий был «как встроенные элементы работают с вложенными элементами».

<div class="login-user-name" *ngIf="isLoggedIn">
<a class="change-password" [routerLink]="['/auth/change-password']" title="Change Password" attr.aria-label="Change Password Link">
    <svg-icon class="medium-gray tiny" icon="icon-torso" aria-hidden="true">
    </svg-icon>
</a>
{{(user | async).displayName}}
</div>
...