3D Secure Validação e Iframe | Mobile

Olá time,

Durante nossa análise de dados de pagamentos não aprovados, notamos um comportamento onde compras onde o 3D Secure foi requisitado, e o usuário estava realizando a compra através do smartphone, o iframe para validação do código torna-se inoperante, impossibilitando o usuário de colocar o código pois não fica visível o campo.

O iframe aparece, mas fica totalmente fora de proporção, não sendo possível dar zoom out ou ajustar a tela para encontrar o campo.

Em compras através do computador, e tiveram a requisição de um código 3D Secure, as compras foram realizadas. Como a tela é maior, o iframe funciona sem problemas.

Realizamos o teste em ambiente de homologação para ter a certeza do problema. Para testar, vá até uma view mobile ou teste direto do celular, mas precisa usar o cartão de teste que terá o challenge com sucesso.

Mastercard (fluxo de challenge de sucesso do 3D Secure), você encontra aqui: https://www.mercadopago.com.br/developers/pt/docs/checkout-api/how-tos/integrate-3ds

Aparentemente, o iframe não é otimizado para mobile. E estamos abrindo este ticket para que vocês possam testar e arrumar esse iframe na versão mobile quando o checkout faz uma requisição de código 3D Secure.

——-

English version:

During our analysis of declined payment data, we observed a behavior where, when 3D Secure is requested for purchases made via smartphone, the iframe for code validation becomes inoperable. This prevents the user from entering the code because the input field is not visible.

The iframe appears but is completely out of proportion, making it impossible to zoom out or adjust the screen to find the field.

For purchases made on a computer, where a 3D Secure code is also requested, transactions are successfully completed. Since the screen is larger, the iframe functions without issues.

We conducted a test in a staging environment to confirm the problem. To test, please access a mobile view or use a mobile device directly, but make sure to use the test card that will trigger a successful challenge.

You can find the Mastercard test card (for successful 3D Secure challenge flow) here: https://www.mercadopago.com.br/developers/pt/docs/checkout-api/how-tos/integrate-3ds

Apparently, the iframe is not optimized for mobile, and we are opening this ticket so you can test this iframe in mobile view and fix it when the checkout requests a 3D Secure code.

Thanks