Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Autofill don't validate Component on Chromium browsers

See original GitHub issue

Describe the bug On Chrome/Edge (and maybe Safari), when using Autofill to fill the component inputs, adyenCheckout state.isValid remains at false and in state.valid, these fields are missing:

encryptedCardNumber
encryptedExpiryMonth
encryptedExpiryYear
encryptedSecurityCode

This bug doesn’t occur on Firefox.

To Reproduce Steps to reproduce the behavior:

Load adyen form in Chrome
Autofill fields with a saved card

Expected behavior Inputs are filled and state.isValid should be true

Screenshots Screenshot_20221011_110627

Desktop (please complete the following information):

OS: Ubuntu
Browser: Chrome
Version 106.0.5249.103

Issue Analytics

State:
Created a year ago
Reactions:3
Comments:7 (2 by maintainers)

Top GitHub Comments

4reactions

JoachimLcommented, Oct 16, 2022

We use the latest version, whatever that is, and also experienced this on 4.x. This is really hurting our business, so please fix asap.

1reaction

UlrichHPcommented, Oct 24, 2022

Hello,

Autofill is working on the demo https://www.mystoredemo.io/ but still not on our website. And i use Chrome 106.

We use 5.28.0
Components
We use sylius and vanilla js
The configuration object of AdyenCheckout is listening state.isValid in the onChange event

Like i said in the first post, in the onChange event, valid doesn’t add encryptedCardNumber, encryptedExpiryMonth, encryptedExpiryYear and encryptedSecurityCode when using autofill on Chrome. But it is working correctly on Firefox.

Top Results From Across the Web

352347 - Don't autofill passwords where confirmation is required

In this situation, Chromium shouldn't be filling into this particular field. Filling any password field preceded by a text input is being too...

bug(input): Chrome autofill should set the form to valid #3414

So I've found that the main issue here is that Angular's RequiredValidator doesn't acknowledge inputs with autofilled input before the user has ...

How do you disable browser autocomplete on web form field ...

The solution for Chrome is to add autocomplete="new-password" to the input type password.

Autofill: What web devs should know, but don't - Cloud Four

Auto-Fill Credit Card Forms Using Your iPhone's Camera in iOS 8. ... audiences to raise their hands if autofill is part of their...

Autofill - web.dev

On the sign-in form, you can use autocomplete="current-password" to tell browsers to offer the option to fill in previously saved passwords for this...