title: Chrome credit card autofill not being triggered
body: <p>I followed the advice given in <a href="https://stackoverflow.com/questions/15168261/how-does-chrome-detect-credit-card-fields">this other Stack Overflow post</a> and used a pattern found in <a href="https://code.google.com/p/chromium/codesearch#chromium/src/components/autofill/core/browser/autofill_regex_constants.cc" rel="nofollow noreferrer">the list of regexes used by Chrome</a>, but for some reason Chrome is still not detecting that my field is a credit card field.</p>
  
  <p>Safari detects it just fine. </p>
  
  <p>Here's the input HTML, as shown by the web inspector:</p>
  
  <pre><code>&lt;input class="control" id="card_number" type="tel" name="card_number" 
      value="" autocorrect="off" spellcheck="off" autocapitalize="off"
      placeholder="Card number" data-reactid=".0.1.1.0.0.5.0.0" 
      x-autocompletetype="cc-number" autocompletetype="cc-number"&gt;
  </code></pre>
  
  <p>Yes, as you can see from the <code>data-reactid</code>, I am using React. Maybe that has something to do with it. Who knows!</p>
  
  <p>I've set up a test page so that others can play with it. You can visit <a href="https://entire.life/payment-form-test" rel="nofollow noreferrer">https://entire.life/payment-form-test</a> in Safari, and (if you have autofill enabled and a credit card saved to it), it will pop up. If you visit it in Chrome, it will not pop up the autofill option. Even after typing the first letter of your card.</p>
  
  <p>This code is open source. You can see the source for the <code>/payment-form-test</code> page <a href="https://github.com/chadoh/life/blob/3dc25bd08bdf57f4fb1d4718c6162258b44b5087/src/components/PaymentFormTest.jsx" rel="nofollow noreferrer">here</a>.</p>