Не крутится спиннер на ios safari

[Yoh]

В очередной раз здравствуйте. Беда следующая: есть сайт, на нем есть форма поиска. При нажатии на кнопочку поиска, у неё иконка меняется на иконку спинера(font awesome), подставляются классы fa-spin, fa-pulse, которые и дают волшебную анимацию вращения. Все бы хорошо, но конкретно на safari на маках(и планшетах) появляется, но не крутится. В сети пока ничего найти не получилось, кроме https://css-tricks.com/restart-css-animation/, но это не совсем то... Почему так? Сам сафари тупит и ожидает результатов поиска или существуют другие проблемы?

.@{fa-css-prefix}-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
		  -webkit-transform: translate3d(0,0,0);
		  -webkit-animation-play-state: running;
		  transform: translate3d(0,0,0);
		  
}

.@{fa-css-prefix}-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25%{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

Интересный момент. С включенным developer tool видно не только то, что классы spin и pulse добавляются, еще и анимация начинает работать.

update: Все бред, он работает, когда ему приспичит. Есть мнение что проблема не в спиннере или css, а именно в самом safari, а конкретно о его поведении при редиректе. Уже есть обсуждение в всеми любимом http://stackoverflow.com/questions/2...orm-submission, но там тоже решения пока нет. Грустно

[Yoh]

Все очень грустно. http://stackoverflow.com/questions/2...bmit-in-safari

Это проблема сафарей при отправке формы. Пока единственный вариант - асинхронность(отправка фомры аяксом, например)

[Naive]

#your_submit {
  -webkit-appearance: none; 
}