Crash, no limite!!!

Caiu para eu resolver um problema bem interessante. No navegador Safari (versão 6.0.1) para o IOS ao abrir uma página o navegador simplesmente fechava, apresentado a janela de erro com o stacktrace. Uau… que página foda, fez o browser do IOS se fechar (nota importante em todos os outros browser funcionava, até no IE 9)

Outras pessoas já tinham conseguindo identificar que desabilitando os CSS da página ela abria sem problemas. Ao ler o stacktrace, confirmo que o problema estava realmente na configuração de estilos, em especial em animações.

Começo aquele trabalho de ir comentando os trechos de código CSS e recarregando a página até que não desse mais o erro. Como tinha poucos estilos envolvendo transitions e/ou transform foi bem rápido.
O problema era causado no seguinte HTML:


<section id="content">
<canvas />
</section>

com a seguinte formatação
#content {
-moz-transition: all .1s linear 0s;
-o-transition: all .1s linear 0s;
-webkit-transition: all .1s linear 0s;
transition: all .1s linear 0s;
}

eu tinha duas escolhas para resolver o problema:

  1. retirar o canvas
  2. retitrar o -webkit-transition

Qual será que escolhi?? Ficar com o desenho na tela, mesmo que sem transição durante as alterações, óbvio.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s