Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Invalid form controls on Billing inputs in Chrome #9

Open
RuthAdele opened this issue Sep 3, 2014 · 1 comment
Open

Invalid form controls on Billing inputs in Chrome #9

RuthAdele opened this issue Sep 3, 2014 · 1 comment

Comments

@RuthAdele
Copy link

When using Chrome, and having selected billing same as shipping address - submitting the form causes Chrome to try to validate the HTML5 inputs, but because they are hidden by display: none, they are not focusable, so the follow errors are logged in the console.
"An invalid form control with name='BillingFirstName' is not focusable." (plus all the other required Billing fields)
This means that the form does not submit, and no message is shown to the user. Unless you were a developer, you would have no idea why you can't proceed to payment.

@RuthAdele
Copy link
Author

On closer inspection it seems the problem lies with the "same as shipping address" being preselected. So none of the address values are actually copied into the billing fields as per the js function _copyAddress (unless the user unchecks, and then checks the box again).
If we unselect the "same as shipping address" box by default, everything works as expected.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant