Freaking Firefox. Foi tão chato neste projeto quanto o IE. Você está usando 3.0.1? Existem novas classes de spin específicas do Mozilla para ajudar neste problema. Se ainda estiver acontecendo, me avise e eu reabrirei.

Posso confirmar que estou usando o 3.0.1, até baixei novamente, verifiquei duas vezes e o problema persiste.

Em meu comentário anterior, parece que meus exemplos foram eliminados. Será um prazer enviar a você o modelo mako onde esse problema ocorre.

Tenho uma vibração / oscilação ao usar .icon-spin no Chromium (24.0.1312.56) e Chrome no Linux, Firefox (18.0.2) parece bom. Testado em 13d5dd373cbf3f2bddd8ac2ee8df3a1966a62d09

Estou recebendo uma vibração / oscilação no firefox 18.0.2, mas não no Chrome ou IE em certas circunstâncias. Não fui capaz de identificar a causa exata, entretanto. (usando font-awesome v3.0.2)

Estou ficando oscilante em todos os navegadores no Windows 7, mas é uma coisa linda no OSX.

@davegandy ping

Estou recebendo uma oscilação na versão do Chrome 26.0.1410.65 (versão bastante recente). Algum trabalho nisso?

ping! Eu também estou tendo o problema. Não vejo por que o problema foi encerrado, pois ele ainda persiste.

você pode fornecer um violino explicando o problema?

O mesmo problema aqui, alguma solução?

Confirmado para a versão mais recente do Chrome (28.0.1500.71). Quanto menor o ícone, mais exagerado é o movimento. Esse problema afeta a classe icon-spin em qualquer lugar que for chamada.

Tentei a rotação 3D sem sucesso. Girar o próprio icon-circle é um problema.

No Windows 7, estou tendo o problema no Firefox 22.0, Chrome 28.0.1500.72. No IE 8-10, a oscilação quase não é visível, mas olhando de perto para o caso em que tenho observado o problema, acho que ainda há uma ligeira oscilação. Farei o possível para definir um violino para o problema, mas há contexto suficiente para que isso leve algum tempo.

Não é meu jsfiddle, mas aqui está um com o problema: http://jsfiddle.net/Rnt9N/2/
Parece ótimo no Mac, mas instável no Firefox no Windows 7.

não é tão ruim para mim (firefox 22 / w7 x64).

Eu tenho o mesmo problema ao usar o node-webkit v0.7.5.
Acabou usando spin.js

reabrindo este, pois também é culpa do FontAwesome

Fazer .fa-spin { -webkit-filter: blur(0); } como este tweet sugere consertou para mim.

@paldepind obrigado por compartilhar esta solução

Você pode fornecer um violino mostrando o spin atual e o spin proposto lado a lado?

Você pode bifurcar este violino: http://jsfiddle.net/tagliala/HgYqA/

Não estou vendo diferenças na oscilação com o Chrome no Windows 7. Só estou percebendo o ícone girando "mais devagar", como na taxa de meio fps

@tagliala de nada!

Aqui está um violino mostrando dois spinners, um com e outro sem a correção: http://jsfiddle.net/paldepind/XLdQX/

Eu testei com Chrome 30 e Firefox 24 no Linux. No Firefox tudo é bom, mas no Chrome o spinner sem a correção é ligeiramente instável. Não estou vendo nenhuma diferença na velocidade de rotação em nenhum dos navegadores.

O Chrome 32 no Windows 7 não exibe o ícone de jeito nenhum ...

No GNU / Linux, com o Chromium 30 a correção está funcionando. Não é o mesmo para o Firefox 26, porque a propriedade de filtro ainda não é compatível. https://developer.mozilla.org/en-US/docs/Web/CSS/filter

Para Firefox 26 no Windows 8, os dois ainda são instáveis ​​para mim. No Chrome 31 no Windows 8, ambos parecem bem.
Em 12 de dezembro de 2013, às 14h20, Felipe Peñailillo [email protected] escreveu:

No GNU / Linux, com o Chromium 30 a correção está funcionando. Não é o mesmo para o Firefox 26, porque a propriedade de filtro ainda não é compatível. https://developer.mozilla.org/en-US/docs/Web/CSS/filter

-
Responda a este e-mail diretamente ou visualize-o no GitHub.

Infelizmente, ele não aparece no Windows e é péssimo no OSX :(

http://jsfiddle.net/tagliala/XLdQX/2/

O ícone giratório não é suavizado e continua oscilando

Eu esperava que fosse uma solução alternativa viável, mas não é

@tagliala Isso é lamentável. Eu só tentei consertar minha máquina com Linux com ótimos resultados.

@paldepind oh eu sei, eu me lembro que na minha máquina ubuntu a coisa de girar é realmente uma droga

Você pode tentar as transformações de subpixel: http://jsfiddle.net/tagliala/96ULe/3/

Oi! Eu atualizei para o Chrome 31 hoje e agora a oscilação desapareceu. Então, talvez esse problema desapareça sozinho.

@tagliala não tenho certeza do que devo ver. Tudo parece que deveria, eu acho. Mas, novamente, é no Chrome 31 onde não estou mais vendo o problema de oscilação.

@tagliala O violino de transformações de subpixel ainda mostra oscilação no Chrome 31 e Firefox 26 no Kubuntu.

No entanto, concordo que isso é causado pela renderização de subpixel.

Aqui está um novo violino que mostra uma letra de rotação O ("oh") com uma borda circular vermelha em torno dela.

http://jsfiddle.net/bBaVN/208/

Esse exemplo realmente exacerba o efeito de oscilação, porque a borda vermelha gira suavemente, mas o O oscila.

-webkit-filter: blur(0); corrige o problema para mim. Não consigo encontrar nenhuma outra diretiva que o conserte, incluindo --webkit-font-smoothing.

Eu também tentei desabilitar o anti-aliasing de fonte do KDE (Configurações do Sistema -> Aparência do Aplicativo -> Fontes -> Usar anti-aliasing = Desabilitado), e _isso também corrige o problema_.

infelizmente -webkit-filter: blur(0); não é uma solução porque quebra janelas

@tagliala não tem certeza de qual versão do Windows não está funcionando para você. Testei a solução proposta no Chrome e no IE 11. Parece que não funciona com o Firefox.

@silentworks quebra Win7 x64 - chrome 32

http://jsfiddle.net/tagliala/XLdQX/2/

Além disso, quando funciona, é um anti-alisamento muito pobre.

Acho que o principal problema é que os ícones dentro das fontes não estão perfeitamente centralizados: http://jsfiddle.net/XLdQX/5/

Como você pode ver na imagem abaixo, existem 3 pixels vazios abaixo e 2 acima: isso causará a oscilação.

Se você conseguir definir a largura de forma que o ícone fique centralizado, o ícone não oscilará: http://jsfiddle.net/XLdQX/6/

IMHO este recurso giratório deve ser removido, ele causa mais problemas do que benefícios

NÃO CORRIGE porque dá muito trabalho: -1:
mas sim, era bacana ... mas não necessário. Refazer todas as fontes para fazer alguns ícones girarem dá muito trabalho e vai contra a maré.

@conrado não há rótulo "wontfix" aqui

ainda é um wontfix. talvez alguns dos grifos apropriados para spin possam ser retrabalhados

ainda é um wontfix.

Não, não é. Está devidamente aberto e rotulado como bug

Não tenho certeza do status desse problema, mesmo depois de ler os comentários, mas como ele ainda está marcado como aberto: Chromium 31 e Firefox Aurora 28 (2014-1-13) no Xubuntu ainda apresentam problemas.

@ ahamilton9 dê uma olhada aqui: https://github.com/FortAwesome/Font-Awesome/issues/2709#issuecomment -32045585

Ok, acho que é um bug do navegador em todas as fontes.
Existem três exemplos: http://jsfiddle.net/3T8Kz/

Primeiro: fonte Font-Awesome centralizada, com o bug.
Segundo: Outro exemplo, mas com uma fonte normal
Terceiro: Sem fontes, apenas um div, com a mesma animação e sem o bug.

O mesmo bug para mim Firefox 31, Linux.
Se isso for causado pelo tamanho dos glifos - é o suficiente para corrigir apenas os glifos destinados a girar, não todos eles.

: +1: +1 isso deve ser considerado para a próxima versão principal, onde presumivelmente todos os glifos serão revisitados.

Vendo esse problema até no site oficial: http://i.gyazo.com/3ba2d0afad90c2e7fe6d2c0bb34e661d.mp4

(Última versão do Firefox)

Adoraria ver isso corrigido: +1:

solicitações pull e investigações profundas sobre este assunto são muito bem-vindas

parece ser um bug do Chrome

@davegandy alguma atualização?

@thejhnz

https://github.com/FortAwesome/Font-Awesome/issues/671#issuecomment -53544936

O mesmo no Chrome 37.0.2062.124 no Mac OS X, Safari no iOS 7.0.4

+1

Consegui tratar (não direi resolver) este problema de atualização em um projeto local usando
-webkit-transform-origin: 49% 48,5%;
origem-transformada -moz: 49% 48,5%;
origem da transformação -ms: 49% 48,5%;
origem -o-transformada: 49% 48,5%;
origem da transformação: 49% 48,5%;

Estou usando "fa-circle-o-notch" como símbolo de carregamento e uso esses valores para transformar a origem de modo que não oscile

.fa-circle-o-notch.fa-spin {
-webkit-transform-origin: 50% 48,9%;
origem-transformada -moz: 50% 48,9%;
origem da transformação -ms: 50% 48,9%;
origem -o-transformada: 50% 48,9%;
origem da transformação: 50% 48,9%;
}

@magnyld Acabei de tentar isso, mas continua a vacilar após as alterações do DOM.

Você não pode confiar no uso da transformação de origens. Isso pode quebrar se o ícone for maior ou menor. Como eu disse antes, esse não é um problema incrível de fonte, porque se você tentar girar um div com o estilo de um círculo perfeito, o resultado é o mesmo. Aposto que é um bug do motor do webkit.

Não, isso também está presente no firefox https://bugzilla.mozilla.org/show_bug.cgi?id=930079

Wobbling no Firefox 33, OSX.

O mesmo problema aqui ( rotação oscilante ) :(

solicitações de pull com uma análise profunda desse problema, uma solução alternativa e uma explicação adequada das vantagens e desvantagens serão muito bem-vindas.

O problema parece vir do próprio ícone. Se você pegar a versão giratória Icomoon, ele não balança de forma alguma. Funciona bem no Chrome 39, Windows e IE11, Windows. Não sei para os outros navegadores.

http://jsfiddle.net/cxxzh0uf/

@skoub

A abordagem do icomoon de manter todos os ícones do mesmo tamanho parece melhor para este propósito, mas não é suficiente.

http://jsfiddle.net/tagliala/cxxzh0uf/2/

Se eu inspecionar o pseudoelemento :before , noto que fontawesome é "estranho"

Tentei definir a mesma largura e altura, mas as coisas não estão melhorando.

Acho que isso está relacionado à própria fonte e não há nada que possamos fazer via CSS.

Dave deve dar uma olhada na fonte e inspecionar as fontes geradas pelo Icomoon para tentar entender qual é a melhor maneira de corrigir esse problema.

Não podemos aceitar solicitações pull com edições do arquivo .otf, mas agradeceremos a ajuda nesse assunto. Se alguém aqui conseguir dar uma olhada na fonte e identificar o problema é muito bem-vindo

Desculpe pelo meu inglês, também é tarde aqui :)

@tagliala obrigado por vincular o problema fa-clock-o aqui também, é o mesmo problema que o resto está mencionando.
Notei que fa-cog tem o mesmo problema, mas não é tão perceptível nas mesmas circunstâncias que fa-clock ou alguns dos outros mencionados acima. Continuarei acompanhando este tópico e relatarei se encontrar alguma solução alternativa, mas estou bastante convencido de que são as pequenas imperfeições nos próprios glifos que estão aparecendo apenas uma vez em rotação, caso contrário, são muito pequenos para serem notados a olho nu

Eu encontrei o mesmo problema, existe uma solução confirmada para isso?

@TsuiJie não, não tem

Tive um problema semelhante com os ícones de rotação trêmulos / oscilantes no IE10 e 11.

Meu problema era que no IE 10/11 as barras de rolagem estavam aparecendo e se escondendo (pulsando) enquanto o botão giratório estava visível.

o que descobri foi que, ao definir a altura e a largura da marca do ícone para um tamanho definido (o mesmo tamanho do ícone em si), o pulsar parou.

Espero que ajude alguém.
Felicidades

Ok, descobri que o problema está na conversão do Font Squirrel para formatos de webfont. Parece que está alterando algumas das métricas. Meu plano:

• teste com uma nova versão do Font Squirrel
• se isso não funcionar, lance minha própria solução de conversão

Ok, depois de uma investigação considerável, fiz algumas correções:

• O fa-spinner foi atualizado para ter um melhor efeito visual ao girar.
• Conversão de webfont feita em casa. Font Squirrel estava definitivamente bagunçando as coisas.
• Ajustou algumas métricas de fonte que aparentemente não têm efeito no mac, mas são muito usadas pelo Windows.
• Adicionados exemplos animados à página de teste visual (http://fontawesome.io/test/).

Os resultados

• Retina Mac: perfeito no Chrome, Safari e Firefox
• Mac não retina: muito melhor no Chrome, Safari e Firefox
• Windows 7: o IE11 parece impecável, o Chrome 39 ainda tem problemas, mas não acho que seja pior do que era

Uma Advertência

• Em alguns tamanhos de fonte, há um pouco de oscilação em todos os navegadores (Icomoon tem o mesmo problema). Basicamente, se você mantê-lo em múltiplos e meio múltiplos da resolução otimizada (por exemplo, 14px, 21px, 28px, 35px), a oscilação vai embora.

Como os resultados são muito melhores do que antes, considerarei isso aceitável para o 4.3 e manterei o problema aberto para o 5.0.

Mais uma atualização. Eu descobri qual opção selecionada não estava funcionando bem para a conversão do Font Squirrel. Então eu coloquei esses arquivos de volta. Deixando aberto.

@davegandy , não vejo nenhuma melhora da minha parte com o Firefox e o Chrome no Windows. Não tentei o IE11. Você pode ver claramente a oscilação se usar etapas na animação.

Eu entendo que você não pode fazer muito no branch 4.x, mas há alguma solução sólida para o branch 5.x?

.fa-spin2 {
    animation: fa-spin 1s infinite steps(8);
    -webkit-animation: fa-spin 1s infinite steps(8);
    -moz-animation: fa-spin 1s infinite steps(8);
    -o-animation: fa-spin 1s infinite steps(8);
}

Para qualquer pessoa que chegou até aqui e está procurando alguma solução de problemas:

Não use fa-spin e fa-fw juntos.

Este acabou sendo meu problema (e minha solução).

@skoub

IE11 é quase perfeito, IMHO o melhor no Windows.

O ícone giratório é novo e deve ser melhor do que antes.

Dê uma olhada na parte inferior desta página pesada com todos os navegadores: http://fontawesome.io/test/

Chrome e firefox são muito ruins em tamanhos pequenos: decepcionado:

com o IE11, com fa-pulse, há uma pequena falha. É como se o botão giratório estivesse se movendo 1px para cima e descesse na próxima etapa da animação.

Está funcionando para mim no IE 11 e no Chrome 40.0.2214.115 m, mas está oscilando no Firefox 35.0.1.

Ainda perceptível no Firefox 36 para Linux.

O vídeo é gravado a 50 FPS.

Adicionar scaleZ(1.001) corrige o problema do Firefox 36 no Linux.

Não tenho certeza se meu problema era o mesmo de todos, parecia ser mais parecido com o problema # 4017, mas ele foi fechado e redirecionado aqui, então irei postar minha solução aqui.

Parece que você simplesmente adiciona o seguinte à classe .fa-spin.

.fa-spin {
    text-align:center;
}

Pareceu consertar a oscilação para mim.

Nem evitar o fa-fixed @qJake nem o align: center @JakeCooper corrigem para mim:

(Sem fa-spin, não há jitter).

@isaksky, você poderia fornecer um violino mostrando esse problema? eu tenho uma ideia

@tagliala Aqui está:

http://codepen.io/isaksky/pen/JoBqoM

Chrome 40.0.2214.115, Windows 7. Não é possível reproduzir esse problema no codepen fornecido.

Qual navegador está fornecendo essa saída?

Não estou no meu computador de trabalho agora, mas acredito que seja o Chrome normal mais recente no Windows 8. Normalmente não consigo reproduzi-lo aqui neste mac no Chrome, mas se eu aumentar o zoom para 110% ou 125% para exemplo, ele aparece. (Também há um problema em que meus botões são empilhados verticalmente, mas não é esse o problema que quero dizer (acho que posso consertar isso usando ems).). O jitter acontece para você se você mexer com o zoom?

Acabei de fazer isso acontecer com zoom normal (100%) neste mac também. Parece relacionado a mexer com o zoom e / ou alternar entre as guias do navegador. Aliás, o problema também acontece com $('#spin-pls').toggleClass("fa-spin") , (em vez de alternar 'ocultar' nele quando já estiver girando) o que pode deixar um pouco mais claro onde está o problema.

Vou verificar amanhã com meu mac

Eu tenho uma solução alternativa aqui para girar a engrenagem. Agradável e suave quando você passa o mouse.

http://codepen.io/jesseangelo/pen/KwrqdM?editors=010

Fiz uma animação de quadro-chave que gira apenas 30 graus ( rotateFa abaixo). Então eu chamo isso assim de animation: rotateFa .1s infinite;

<strong i="11">@keyframes</strong> rotateFa {
    from { transform: rotate(0deg); }
    to { transform: rotate(30deg); }
}

E o oposto para reverter

<strong i="15">@keyframes</strong> unRotateFa {
  from { transform: rotate(30deg); }
  to { transform: rotate(0deg); }
}

O problema ainda existe.

Ele ainda existe no caso do modo de aceleração de hardware desabilitado. Firefox 36.0.4.

Não marque com +1 nem confirme se o problema ainda existe, porque o problema está aberto e não sabemos como corrigi-lo.

Dê uma olhada aqui: https://github.com/FortAwesome/Font-Awesome/issues/671#issuecomment -65381998

Talvez seja uma boa ideia colocar um alerta na página de exemplos ? O problema é grande o suficiente para que eu tenha muito cuidado com os ícones animados, mas de acordo com https://github.com/FortAwesome/Font-Awesome/issues/671#issuecomment -71056820, você não notaria em um retina mac - mesmo se você testou em todos os principais navegadores.

@Vusys eu concordo. Você pode enviar um PR contra o ramo mestre ou me dizer o que escrever e eu o farei

@tagliala feito com pull request # 6686 que adiciona o seguinte aviso abaixo dos exemplos:

Alguns navegadores em algumas plataformas têm problemas com ícones animados, resultando em um efeito de oscilação instável. Consulte o problema nº 671 para obter exemplos e possíveis soluções alternativas.

Obrigado @Vusys !

Vejo uma oscilação muito pior do que apenas +/- 1 pixel. Há alguma interação estranha entre a transformação de rotação e outras transformações CSS, de modo que às vezes o centro de rotação está fora do ícone de rotação.

Ainda não descobri qual regra CSS está causando esse problema em meu site, mas parece um caso de ordem de transformação incorreta. A ordem deve ser: transladar o centro do ícone para (0,0), girar pelo ângulo atual e transladar (0,0) para a posição da tela na qual o ícone central deve ser exibido (ou o contrário). Em algum lugar lá, o CSS está lançando outra tradução na mistura.

_Update: _ Eu descobri qual era o problema no meu caso, então postarei a resposta aqui caso mais alguém possa se beneficiar disso: Eu tinha uma regra CSS que estava mudando a largura do elemento 'i' que o spinner foi armazenado em (o elemento Bootstrap usado para ícones FA). Isso dá resultados imprevisíveis, dependendo do contexto do ícone (por exemplo, dependendo se o texto foi ou não centralizado).

Eu não descobri qual regra CSS

Tenho certeza de que não é uma regra de CSS e o problema não está relacionado ao FA em si

Dê uma olhada aqui: http://jsfiddle.net/tagliala/g0ngLhyr/

@tagliala , se não estiver relacionado a uma regra de css ou FA, como você explica que Icomoon não tem o efeito wobble?

demonstração: http://jsfiddle.net/cxxzh0uf/

outro exemplo é o do google: http://www.getmdl.io/components/index.html#loading -section / spinner

@skoub seu violino atualizado para 4.3.0: http://jsfiddle.net/tagliala/cxxzh0uf/9/

Dê uma olhada aqui: http://jsfiddle.net/tagliala/g0ngLhyr/

Observe que este violino não tem webfonts e ainda mostra a oscilação

A implementação de @skoub google não é baseada em webfonts e IMHO que é a maneira adequada de lidar com esse recurso.

Eu gostaria de compartilhar minha experiência aqui.

Ícones únicos:
Eu só tenho um problema de oscilação com ícones empilhados. Ícones únicos giram ou pulsam bem

Ícones empilhados:
Aparentemente, no meu site, o código abaixo não oscila em um título em que a fonte é um pouco maior, mas oscila quando a fonte é menor. O fa-pulse oscila em ambos os casos

isenção de responsabilidade: eu sou muito novo em todas essas coisas, mas como meu site produz resultados instáveis ​​e bons, pensei que todos vocês gostariam de saber.

@isaksky Essa oscilação / desfoque com spinner tem a ver com aceleração de hardware

Os itens que estão sendo mostrados / ocultos com a classe .hide podem ter o navegador indicado com a indicação de que o conteúdo será oculto

#spin-pls {
  will-change: contents;
}

No entanto, os navegadores baseados no Gecko, como o Firefox, estão, pelo menos para mim, ainda tendo problemas para pular texto na caixa de diálogo.

.job-order-dialog {
  will-change: transform;
}

funciona, mas afeta negativamente o Chrome ao supercompensar e borrar o texto o tempo todo. Eu vim com duas soluções possíveis, a primeira apenas direcionada ao Firefox, a última é uma aceleração diferente, filter: blur(0); observada neste bug, mas é um pouco hacky na minha opinião - semelhante a transform: translateZ(0); - -e pode levar a resultados negativos no futuro.

@-moz-document url-prefix() {
  .job-order-dialog {
    will-change: transform;
  }
}

.job-order-dialog {
  filter: blur(0);
}

Isso corrige o problema, obrigado @toastal ! Isso poderia ser trabalhado em uma solução geral @tagliala ?

@toastal , você se importa em fornecer um jsfiddle mostrando sua solução e comparando-o com o giro básico da fonte?

Estou testando todos os exemplos que vocês postaram e não consigo reproduzir no Firefox Aurora:

20150722004007
Mozilla / 5.0 (X11; Linux x86_64; rv: 41.0) Gecko / 20100101 Firefox / 41.0

Estou no debian Jessie, e por causa de alguns problemas de driver da nvidia, acho que não tenho aceleração de hardware.

O processo GLXtest falhou (saiu com status 1): extensão GLX ausente
Procesador WebGL Bloqueado para sua tarjeta gráfica debido problemas no resueltos del driver.

Além disso, não pode reproduzir aqui:
http://shb.github.io/bootstrap-loading-screen/#icon : spinner

está resolvido ou é porque não tenho aceleração de hardware habilitada?

Eu encontrei outra solução potencial para esse problema (executando o firefox 39) graças a esta postagem: http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css -transforms /

Eu editei o JSFiddle acima com a correção: http://jsfiddle.net/5z9om45L/

basta colocar "perspectiva (1px)" na propriedade de transformação. Isso "joga renderização do objeto para a GPU", de acordo com o post no link acima. Eu não testei pessoalmente isso extensivamente, então não sei o que especificamente isso faz ou se causa algum outro problema, mas até agora parece bom. Este tem sido um dos meus maiores problemas com o Firefox, então pensei em mencioná-lo aqui.

Eu editei o JSFiddle acima com a correção: http://jsfiddle.net/5z9om45L/

Isso corrige o problema perfeitamente para mim.

Aqui está um Fiddle atualizado que mostra a oscilação na bússola. O segundo botão de localização mostra uma rotação simples com oscilação pronunciada.

http://jsfiddle.net/Lpur9ek1/1/

@spiderr aparentemente, fa-lg aumenta o efeito de oscilação porque lida com a altura da linha e o tamanho da fonte. Tente usar um tamanho de fonte de 14px ou múltiplos

@tagliala obrigado, ótima dica! fa-2x definitivamente melhor. Existem também alguns artefatos estranhos (pixels sujos) ao redor do círculo. Aqui está um violino em fa-5X que os mostra mais claramente no grande botão azul. Este é um detalhe minucioso, mas se alguém limpar a bússola, isso seria ótimo. Minha esperança é que, quando a bússola girar, você não possa dizer que o círculo estava se movendo, apenas a agulha interna da bússola. Se eu sentar a 2 metros da tela com o fa-5x, fica ótimo :-)

http://jsfiddle.net/mhqLvw79/1/

Não tenho certeza se este é o tópico certo, mas ..
No firefox, meu "fa fa-cog fa-spin" para de girar. Eu o uso em uma chamada ajax com modal. Funciona bem no Safari e no Chrome, mas o firefox pára por algum motivo. Alguma ideia??

app / javascripts / my_file.js
$ (document) .ready (function () {
$ ('# search_btn'). on ('click', function () {
$ ('# resultados'). empty ();
var meuFormulário = $ ('# user_search');
$ ("# spinner_modal"). modal ("mostrar");
$ .ajax ({
url: myForm.attr ('ação'),
tipo: "POST",
data: myForm.serialize (),
dataType: 'text',
sucesso: função (html) {
$ ("# spinner_modal"). modal ("ocultar");
$ ('# resultados'). append (html);
},
erro: função (xhr, satus, err) {
$ ("# spinner_modal"). modal ("ocultar");
},
tempo limite: 60000
});
retorna falso;
});

_my_partial.html.erb

jonathanparrish em 11 ago. 2015