Angular добавляет анимацию стиля в DOM в браузере Safari - PullRequest
1 голос
/ 24 сентября 2019

Я создал приложение в Angular 7 , используя Angular Material framework.В Chrome все выглядит хорошо, но теперь я хочу включить доступ с помощью Safari , и, к моему удивлению, многие элементы выглядят очень странно.Ниже приведено изображение некоторых значков, например.То же самое происходит с входами и кнопками.(кажется, что-то вроде наложение фокуса ).

icons

Через некоторое время я понял, что в нем есть что-тоделать с анимациями .Потому что в Safari я вижу добавленные странные атрибуты style="animation".Когда я удаляю их в инструментах разработчика, все снова выглядит хорошо.Теперь я понятия не имею, как эти анимации попали туда и не могу найти никакой связанной проблемы во время поиска в Google.Я включил большинство материалов по умолчанию из файла polyfills.ts .

Как я могу исправить эту проблему?Когда я смотрю документацию Angular Material на Safari , там все выглядит нормально.

Вот так выглядит мой DOM Safari :

code

1 Ответ

1 голос
/ 24 сентября 2019

Судя по быстрому поиску в Google, Safari часто имеет проблемы с Angular Material.

Похоже, есть несколько пакетов, которые позволяют вам частично отключить анимацию, например this one.Который использует NoopAnimationsModule.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...