Olá, comunidade e desenvolvedores da Samsung,
Agradeço a atenção e fico à disposição para fornecer mais detalhes ou realizar testes, se necessário.
Gostaria de relatar um pequeno, porém persistente, artefato visual que ocorre com Progressive Web Apps (PWAs) instalados e rodando no modo standalone em dispositivos Galaxy com a One UI.
Descrição do Problema:
Ao abrir um PWA pela primeira vez após a instalação, ele é exibido perfeitamente, com a barra de status do sistema se integrando ao cabeçalho do aplicativo, criando uma aparência nativa e imersiva. No entanto, ao sair do PWA (sem fechá-lo, deixando-o em segundo plano) e abri-lo novamente, surge uma fina linha (um filete) entre a barra de status e o corpo do PWA.
Esta linha tem a cor hexadecimal exata de #2d2d36 (um cinza bem escuro) e quebra a imersão do aplicativo com temas claros, principalmente.
Passos para Reproduzir:
- Instale qualquer PWA que utilize a tela cheia (ex: com display: standalone e theme-color definidos no manifest.json). Os PWA do Pinterest e Wikipedia são ótimos exemplos.
- Abra o PWA pelo ícone na tela inicial. Observe que a transição entre a barra de status e o app está perfeita.
- Pressione o botão "Home" para voltar à tela inicial, mantendo o PWA aberto em segundo plano.
- Clique novamente no ícone do PWA para reabri-lo.
- Observe o surgimento do filete de cor #2d2d36 no topo da aplicação, logo abaixo da barra de status.
- Feche o aplicativo nos recentes, abra novamente pelo ícone. Note que a linha não aparece. Repita o processo.
Este comportamento parece ser exclusivo da One UI da Samsung. Realizei testes comparativos e o problema não ocorre:
- Em dispositivos iOS (iPhone).
- Em dispositivos Android de outras marcas, como Xiaomi (MIUI) e Motorola (Android "puro"). Nesses outros sistemas, o PWA mantém a aparência imersiva em todas as vezes que é aberto.
- Modelo do Dispositivo: Galaxy S23
- Versão da One UI: 7.0
- Versão do Android: 15
Acontece instalando tanto pelo Samsung Internet, quanto pelo Google Chrome.
Tentei superst o artefato usando CSS de diversas formas, mas parece impossivel.
Vou apelidar este artefato carinhosamente como: Samsung Wart.
