У меня есть эта функция, которая позволяет пользователю узнать, когда было выполнено изменение элемента, добавив оранжевую точку рядом со значком элемента, поэтому, если это новый элемент и пользователь нажимает на значок, отображается модальное сформа, если любое изменение в этой форме осуществляется, оранжевая точка (которая также является значком) появляется рядом со значком элемента. Эта функциональность работает с Chrome и Edge, но я также поддерживаю IE11, проблема в том, что IE11 не показывает значок оранжевой точки при внесении изменений. Я просмотрел дом, и оранжевая иконка есть, но не видна, пока я не нажму на элемент домика или когда я нажму на участок, где должна быть оранжевая точка, в этот момент появляется оранжевая точка.
Следующее является исходным состоянием, когда я нажимаю на иконку комментария, появляется модальное с формой:
<div class="action-container">
<span class="action-comment">
<i class="comment-icon" aria-hidden="true"></i>
</span>
</div>
после того, как изменение выполнено, я получилэто в дом:
<div class="action-container">
<span class="action-comment">
<i class="comment-icon" aria-hidden="true"></i>
</span>
<span class="action-orange-dot">
<div class="orange-dot"></div>
</span>
</div>
, но в браузере результат тот же:
, пока я не нажму, гдепредполагается, что оранжевая точка
У меня есть совместимый метатег, но нет разницы с ним или без него.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
есть идеи?