Error: ERROR: secured field iframes have failed to load

[jenersigua31]

Describe the bug
encountered a script error when trying to create a secured fields.

const cardComponent = checkout
.create('securedfields', customConfig)
.mount("#id");

When LastPass is disabled, the Adyen web library functions correctly without any errors. However, with LastPass enabled, the secured field iframes consistently fail to load.

Screenshots
Issue only occurs when LastPass chrome extension is enabled

Infinite Loading

Script Error

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome
• Version 125.0.6422.142

[mehdi-ghezal]

Similar issue here with Prestashop module that (I believe) use Adyen-Web package.

The page keep loading with Adyen Frame consuming resources and after some time the form is shown but the secured fields are not usable.

Here the consumption :

Here the console message about unusable field

[sponglord]

@jenersigua31 - I am not able to recreate this issue with the hardware that I have at my disposal.

• I've added LastPass to Chrome (v109.0.5414.120)
• on a Windows 7 machine.
• I've then added a credit card to use for autofill
• and gone to a site running AdyenWeb v 5.60.0

And everything works as expected.
(I've also installed in on a modern Mac, also without problems)

Do you have any more details about your use case?

• What version of AdyenWeb are you using ?
• What are you using LastPass for? Also credit card autofill?

[jenersigua31]

@sponglord
Actually, other user also encountered this issue using other browsers, Firefox, Edge,
But on my end, the issue only occurs when LastPass extension is enabled,

Im not using credit card autofill. I'm using versions 5.43.0 and 5.66.1,

I just followed the implementation on adyen documentation.
https://docs.adyen.com/payment-methods/cards/custom-card-integration/