3DS2 Challenge content does not fit - Wallet, Checkout

[garthbrantley]

PRs: #231, #271

Some challenge content is different sizes. Need to support different sizes.

Solution

• Use <iframe> with 390px x 400px contents (This is challengeWindowSize = 2, which is now our platform default)
• Allow scrollbars on iframe if content exceeds those dimensions

Docs about 3DS2 authentication request args

We are currently passing 03 (meaning 500x600 challenge window).

These are the supported options we can pass when initiating:

Field Name	Type	Description
ChallengeWindowSize*	numeric	Determines size of the challenge window. 1 - 250x400 2 - 390x400 3 - 500x600 4 - 600x400 5 - Full Screen (allows for responsive design)

Adyen defaults to 05, meaning 390px x 400px

Issue Report

This is documented on the wallet page.

Presumably the same issue would occur during checkout.