pagarme-js
pagarme-js copied to clipboard
Bug em Responsivo
Problema com Screen pequenas (iOS)
Não encontrei o lugar correto para abrir essa Issue então estou abrindo por aqui mesmo, o código de checkout de vocês, no arquivo https://assets.pagar.me/checkout/style/pagarme-ui.css?version=5 Linha: 242
Insere um margin-bottom de 350px, o que para alguns dispositivos (o problema no meu caso foi com o iphone 5, o Jump up do keyboard está jogando os elementos para fora da tela.
Notei que o mediaquery está pegando apenas para dispositivos que são menores que 1024px, seria bom adicionar um media para dispositivos menores, que 500px, onde 350 é mais que 50% da tela, e o Jump up desse pode quebrar a experiencia do usuário.
minha sugestão é adicionar um breakpoint em max-width: de 420px removendo o margin-bottom.
Olá @kurybr, tudo bem? Você consegue tirar um printscreen desse bug?