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

Issue Description

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:

  1. Load adyen form in Chrome
  2. 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:closed
  • Created 6 months ago
  • Reactions:3
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

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.

UlrichHPcommented, Oct 24, 2022


Autofill is working on the demo 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.

Read more comments on GitHub >

github_iconTop 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...
Read more >
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 ...
Read more >
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.
Read more >
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...
Read more >
Autofill -
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...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found