Cannot check out when browser Autofill is enabled

[melindash]

When form Autofill is enabled, the email address field on the onepage checkout is mistaken for a username field. Even if you replace it with the proper email address, it is autofilled again after you submit your details to proceed to the payment section. The Place Order button ceases to function and there is no alert displayed to the user in either the document or the console.

Preconditions

1. Magento 2.1
2. Safari or Chrome
3. Autofill enabled (checkout email field must be autofilled)

Steps to reproduce

1. Enable Autofill
2. check out as guest
3. ensure that the email field on the checkout page is autofilled with an invalid email address (my autofill manager was attempting to enter my admin username there, say 'admin123')
4. Erase 'admin123' and enter a proper email address. Fill out the rest of the checkout form and proceed to the payment section.
5. Select a payment method and click place order.

Expected result

1. The order should be submitted, or at least provide a reason why nothing is happening.

Actual result

1. There is no console error, but nothing happens when you click Place Order. If you click back to the shipping section you'll see Autofill has replaced your valid email address with 'admin123' again.

I have reproduced this on Mac (Safari) and Windows (chrome). Issue ceases when autofill is disabled.

[SerhiyShkolyarenko]

@melindash thank you for reporting!
Please explain which autofilling way you use. Do you use autofilling for email only? My Chromium autofills addresses only, so I had to enter my email manually. Using "Autofill" extension v 6.12 caused some problems on address form, but order was placed successfully.

[vasilii-b]

@SerhiyShkolyarenko I used email autofill. After pressing button to go to next step, in console was the notification that my filled in email (it was norma) is not an email.

[melindash]

Sorry for the delay.
@SerhiyShkolyarenko
I used Chrome's default Autofill, complete with email and address (and usernames passwords). Safari's autofill had the same behavior.

We had no console messages - only after going back to edit the billing information did I realize that the email field's value had been replaced by my admin username. Reentering it did not resolve - I had to disable autofill or the email value would be replaced every time I moved on to the payment step.

[hansvanl]

I was able to reproduce this issue. Would love to have this fixed. This is very confusing for customers.

[joshuadegier]

I can also confirm this is an issue in Magento2, issue occures using OSx with Safari (different versions)

[kickmowee]

I can confirm this also on a site i am working on right now.

[twistedatrocity]

Shipping quotes (ajax doesn't fire) do not work either if address is autofilled by Chrome. Magento 2.1.6

[speedupmate]

this is related to knockout/knockout#1949 issues in knockoutjs itself

solution is to add data-binding valueUpdate: 'blur' or patch the knockoutjs to listen on blur events also . However to do that in magento2 one must override all form element templates