iPhone - Hosted Form not resizing properly

KWNRINC — Wed, 01 May 2019 22:56:30 GMT

Greetings,

We have a set up with the hosted checkout form and acceptUI.js - on actual iPhones the "X" to close the modal is not visible as the frame is too large for the device. I do not see anywhere to configure this

If you look at the Submit Order button, it is clear the modal extends past the viewable area on iPhone

https://i.imgur.com/PT8ydWL.jpg

Have confirmed issue on iPhone XS using latest iOS. Modal renders fine in Chrome Developer tools using iPhone XS size.

Is there any way to ensure the modal fits?

Re: iPhone - Hosted Form not resizing properly

SHIKHARPAINULY — Wed, 29 May 2019 11:17:58 GMT

Hello.

I have resolved the issue raised for iPhone/ipad - Hosted Form not resizing properly.

Please follow the below steps to solve the issue.

Step 1 > Apply width: 90% !important to Auth.net hosted payment form popup window.

Step 2 > Apply width: 80% !important to the iframe which is within Auth.net hosted payment form popup window.

Step 3 > Apply margin and padding if necessary to the iframe.

topic iPhone - Hosted Form not resizing properly in Integration and Testing

iPhone - Hosted Form not resizing properly

Re: iPhone - Hosted Form not resizing properly