Angular 7 и рендеринг материала некорректно в IE11

Question

Я создаю проект, используя angular и материал. В моем проекте использую материал таблицы форм и гармошку. Все работает правильно в chrome и пограничном браузере, но единственная проблема в IE11.

Css неправильно рендерит. Когда я щелкаю где-то, он рендерится. Ниже приведен скриншот ie11

Я добавил все полифилы и пробую все, но безуспешно ..

# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed

> 0.5%
last 2 versions
Firefox ESR
not dead
IE 9-11

добавлено это тоже ..

Answer 1

Эта проблема из-за свойства flex. Flex имеет проблему с браузером Inte rnet.

У меня есть переопределение класса d-flex, и проблема была исправлена.

Answer 2

Команда Angular Components поддерживает две последние версии всех основных браузеров: Chrome (включая Android), Firefox, Safari (включая iOS) и IE11 / Edge. IE 10 больше не поддерживается. Edge, кажется, хорошо работает с материалом, но IE 11 все еще имеет некоторые несоответствия. Чтобы обойти эти проблемы с компоновкой, просто добавьте несколько CSS правил к элементам, которые отображаются неправильно. Но убедитесь, что эти изменения не повлияют стили в других браузерах.