Square CC Fields Disappear

Sounds like you may have JS errors on your site? Have you check the browser console for errors?

When a customer starts entering their address information, an ajax XHR request is being made to square. The XHR request is success and the credit card input fields are being refreshed. The problem we found was the opacity for the iframes that host the credit card inputs was not being updated. The opacity for the iframes remained at 0, rather than being updated to 1. This was preventing the input fields from being displayed. By default the opacity on that element is 0. When the page first loads, a script somewhere is updating the opacity to 1. We have found a work around by updating the style sheet to set the opacity for those iframe elements to always be 1.

We now have a different issue we are encountering. If a customer enters their credit card number first and then starts to enter their address information, the credit card inputs refreshes, but the credit card information is no longer populated. The inputs are displaying the placeholder text. Is there a way for the credit card information to be populated into the inputs after the inputs refresh as a result of customer entering their address info?

Hey @tonyrwest

> Is there a way for the credit card information to be populated into the inputs after the inputs refresh as a result of customer entering their address info?

I’m afraid not, this is part of the design. Other payment gateways do this as well as Square.

Your original issue could be related to your theme or conflict with another plugin.

I’d recommend changing your theme to a default one like Storefront and testing using that. Here is some more details about conflict troubleshooting – https://docs.woocommerce.com/document/how-to-test-for-conflicts/

Thanks,

Hey @tonyrwest

As my reply above clarifies your query and we haven’t heard back from you, I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Thanks,