Chrome Version: 71.0.3578.98 (Official Build) (64-bit)
OS: Mac OS X 10.14.2

What steps will reproduce the problem?
(1) Visit chrome://settings/payments and ensure that you have a credit card registered with your browser
(2) Host the attached index.html file from a local development server
(3) Open the file using a http://localhost address
(4) Select the Card Number field

What is the expected result?
The user is able to populate the test form with credit card information.

What happens instead?
The use see an error message below the input field stating "Automatic credit card filling is disabled because this form does not use a secure connection". 

This error also occurs inside Chrome Extensions popups.


Please use labels and text to provide additional information.

If this is a regression (i.e., worked before), please consider using the
bisect tool (https://www.chromium.org/developers/bisect-builds-py) to help
us identify the root cause and more rapidly triage the issue.

For graphics-related bugs, please copy/paste the contents of the about:gpu
page at the end of this report.