FontAwesome `fa-spin` Сбой пограничного браузера

Question

Я работаю над небольшим набором инструментов для одной из наших внутренних систем и решил добавить полноэкранный оверлей, когда что-то загружается. Это все прекрасно работает в Chrome, но на грани я получаю что-то на этот счет ...

Насколько я могу сказать, его вызван тем, что в fa-spin классе по моему основному индикатору загрузки, а также наложение прозрачное. Я удалил fa-spin, у Edge все еще есть несколько странных побочных эффектов (с которыми я могу жить), но он усугубляется тем, что эффект спина активен.

Вопросы:

Кто-нибудь столкнулся с этим, прежде чем мои попытки Google возвращаются на первый взгляд бесполезные результаты. Есть ли даже исправление/работа для этого, или это просто Edge является Edge ...

Хотя я бы хотел, чтобы наши пользователи не хотели использовать Edge/IE, мне хотелось бы, чтобы Я сдаюсь, не вариант: P

HTML структура(более или менее)

<div class="container-fluid" ng-class="{ 'overlay' : vm.isLoading }"> 
    <div ng-if="vm.isLoading"> 
     <div class="overlay-modal"> 
      <p><i class="fa fa-gear fa-spin"></i> 
      </p> 
     </div> 
    </div> 

    <div class="col-md-7 main"> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="row"> 
        <div class="col-md-12 container-fluid" ng-class="{ 'blur' : vm.isLoading }"> 
         ... 
        </div> 
       </div> 
       <div class="row"> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="col-md-5"> 
     ... 
    </div> 
</div> 

Answer 1

Я просто пытался на моей приборной панели приложения с помощью фа-спина и I может заверить вас, что это не вызвало моих проблем. Я пробовал использовать шрифт как cdn, так и встроенный в мои статические файлы. Скорее всего, этот странный эффект вызван рядом совпадающих стилей/классов CSS/JS. Надеюсь, это ответит на ваш вопрос.