cancel
Showing results for 
Search instead for 
Did you mean: 

Card Number Field Last Digits Not Visible On Mobile

For mobile views, the last digits are being cut off. This is causing a lot of confussion for customer. How do we make the entire field visible?

 

Notice in the screenshot not all of the digits are visible for Card Number.

2018-10-01_11-15-39.jpg

appclan
Member
8 REPLIES 8

What device and app are you using? It looks like a emulator on mac from screenshot, not a real device. We tested on real devices we have and it looks good.

crystal
Developer Developer
Developer

What device and app are you using? It looks like a emulator on mac from screenshot, not a real device. We tested on real devices we have and it looks good.

crystal
Developer Developer
Developer

Have tested this on samsung galaxy s9, apple iphone s5, 6plus, and X.
We didnt know there was an issue until customer started reporting not seeing the full card number.
I used the emulator for screenshots and testing. 

We are using Accept Hosted.

Here is a screenshot from the iPhoneX. In this case the last digit is cutoff.

IMG_0464.jpg


Did the same test with the sample application:
https://github.com/AuthorizeNet/accept-sample-app

 

It has the same problem. Entire card number not visible.
Test card number 5105105105105100
IMG_0465.jpg

 

 

 

 

This is Accept UI page, we tried our test page on phone and it looks ok. can you try the following link?

 

https://authnettest622.github.io/v3/CertTest/MerchantPage.html

 

1. load page, wait for a bit

2. click on button

 

or could you give us your page so we can take a look?

The test site https://authnettest622.github.io/v3/CertTest/MerchantPage.html

has the same issue.

 


For some reason I can't upload the image here, so here is a link to the screenshot from your test site:

https://www.dropbox.com/s/cs9arfk0rswrr61/2018-10-02_19-08-17.png?raw=1

 

5105105105105100 is the number used in the above.

 

 

I'm not saying you can't type in the full card number. Because it does allow you to type in the full number. The problem is, you can't see the entire card number. Because of this, we have several mobile customers say they can't enter their complete card number. They are not realizing that the number is just hidden from view.

On smaller screen size up to 4 number are hidden.

IMG_0053.jpg

 

we could not repro on iphone 6s, 7s, nexus devices we have. We only repro on one unsupported old device(HUAWEI) with lower resolution. If you slides on the card number to left, all the digits are still visible.

 

here is the resolution of the phone with repro.

 

 

Can I trouble you for a screenshot of the creditcard number field filled out?
5105105105105100
My screenshot is from your test site on an iPhoneX running iOS 12.

Also, where is the official list of supported devices/plateforms for AcceptUI?