Existe alguma "pegadinha" do Safari/iOS que quebra aplicações React?
Pessoal, estou passando por um problema que está me deixando completamente sem direção e queria saber se alguém já enfrentou algo parecido.Estou desenvolvendo um gerador de URLs curtas para um cliente utilizando TypeScript, React, Tailwind e algumas bibliotecas adicionais para animações e interface. Entreguei o projeto ontem e o cliente relatou que o painel simplesmente não abre no iPhone dele.
Como eu uso Android, comecei a testar em outros dispositivos:
- Testei em alguns Androids diferentes e funcionou normalmente.
- Pedi para um amigo testar em um iPhone 11 e funcionou.
- Testei também em um iPhone 13 e funcionou.
- Porém, no iPhone 15 do cliente o site não abre corretamente.
Em alguns testes o painel chegou a abrir, mas ficou extremamente travado. Depois de atualizar a página, a tela passou a ficar completamente preta.
Pesquisando sobre o problema, encontrei relatos relacionados ao WebKit do Safari e possíveis incompatibilidades com algumas bibliotecas React ou animações. Resolvi então remover todas as animações do projeto (inclusive algumas que eu tinha gostado bastante do resultado) e substituir por CSS puro.
Com isso consegui melhorar a compatibilidade e fazer o sistema funcionar também no iPhone 13, mas o cliente continua relatando problemas no iPhone 15.
Neste ponto eu realmente não sei mais o que investigar. Não encontrei nenhuma documentação específica sobre esse comportamento e sinceramente nem passou pela minha cabeça que um projeto funcionando em praticamente todos os navegadores poderia simplesmente não funcionar em um modelo específico de iPhone.
Alguém já passou por algo parecido?
Existe alguma particularidade do Safari/iOS ou do WebKit que costuma causar esse tipo de problema em aplicações React? Alguma ferramenta, configuração, biblioteca ou abordagem de debug que vocês recomendariam testar?
Qualquer direção já ajudaria bastante.