Я создал приложение в Angular 7 , используя Angular Material framework.В Chrome все выглядит хорошо, но теперь я хочу включить доступ с помощью Safari , и, к моему удивлению, многие элементы выглядят очень странно.Ниже приведено изображение некоторых значков, например.То же самое происходит с входами и кнопками.(кажется, что-то вроде наложение фокуса ).
Через некоторое время я понял, что в нем есть что-тоделать с анимациями .Потому что в Safari я вижу добавленные странные атрибуты style="animation"
.Когда я удаляю их в инструментах разработчика, все снова выглядит хорошо.Теперь я понятия не имею, как эти анимации попали туда и не могу найти никакой связанной проблемы во время поиска в Google.Я включил большинство материалов по умолчанию из файла polyfills.ts .
Как я могу исправить эту проблему?Когда я смотрю документацию Angular Material на Safari , там все выглядит нормально.
Вот так выглядит мой DOM Safari :