Fix chrome autofill issue on Magento checkout

Fix chrome autofill issue on Magento checkout

Learn how to fix “This webpage has disabled automatic filling for this form” magento bug in Chrome browser.

Imagine yourself on magento checkout using your favorite browser – chrome, and have to fill in your personal info in order to make a purchase. Just as usually, you press “down” key on your keyboard for autofill to kick in. Nothing happens, you just get ugly message that  “This webpage has disabled automatic filling for this form”.

autofill

If you happen to be a developer who also coded that website, you might feel confused, ‘cause you don’t remember disabling anything.

You’ll probably check your code, and try to add explicitly “autocomplete=on” to your form. But it won’t help you.

Luckily, solution is pretty simple. You just have to add method to your form. Either “post” or “get”. Chrome has a feature, or a bug, whatever you want to call it, but it disables autofill for forms without the method attribute. So just add your method and that will do it.

You made it all the way down here so you must have enjoyed this post! You may also like:

Moving the validation error message, this time globally Danijel Vrgoc
, | 0

Moving the validation error message, this time globally

Add static content in Magento Checkout address form Mladen Ristic
, | 2

Add static content in Magento Checkout address form

How to use Knockout in Magento 2 Domagoj Potkoc
Domagoj Potkoc, | 23

How to use Knockout in Magento 2

8 comments

  1. I have a same requirement as u explained and placed autocomplete=”on” and method=”post”. But none of them worked. Can u help me on this

  2. Thanks for this!

    Do you believe it’s worth turning off the feature? I have been researching ways to reduce errors for shipping address. I have really been looking into address validation.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <blockquote cite=""> <code> <del datetime=""> <em> <s> <strike> <strong>. You may use following syntax for source code: <pre><code>$current = "Inchoo";</code></pre>.

Tell us about your project

Drop us a line. We'd love to know more about your project.