Мы использовали угловой контроль материала в нашем приложении.У нас есть форма с несколькими текстовыми полями ввода и мат-значок-кнопка с типом отправки.Если пользователь нажимает ввод в любом текстовом поле, форма должна быть отправлена.Кажется, что функциональность отлично работает как в IE, так и в Chrome.В IE вы можете видеть стиль кнопки, которая сразу же меняется, показывая, что кнопка была нажата, как вы можете видеть на изображении.Но в Chrome / Firefox, даже если форма отправлена, стиль кнопки не означает, что она была нажата.
Объявление кнопки:
<button mat-icon-button matTooltip="Search" type="submit">
<mat-icon>filter_list</mat-icon>
</button>
Скриншот в IE: 
Снимок экрана в Chrome: 
То, что я пытался / думал до сих пор Похоже, поведение по умолчанию в IE - имитировать щелчок первой отправкикнопка в форме при отправке формы (нажав клавишу ввода в любом текстовом поле).Я попытался добавить 2 кнопки отправки и нажать Enter.Он выделяет / фокусирует первую кнопку отправки.Если я могу скрыть первую кнопку отправки сейчас, она должна работать.Но как только я скрываю первую кнопку отправки, устанавливая стиль как «display: none», она начинает фокусироваться и подсвечивать видимую (вторую) кнопку при отправке.