demo · v142

Multi-Step MPA Wizard

A real multi-page checkout: cart → details → review → pay. The user clicks once on step 1 (activation granted), then each "Next" is a same-origin renderer-initiated navigation. Before Chrome 142, the payment button on step 4 wouldn't be allowed to open Apple Pay because activation was stale. Now it carries through. Step through the wizard and try each gated API per page.

1. Cart
2. Details
3. Review
4. Pay

Cart

Click "Continue" to grant a user activation, then navigate to step 2.

window.open() —
AudioContext.resume() —
step
1 / 4
UserActivation.hasBeenActive
—
UserActivation.isActive
—

relevant markup

// On step 4 (the payment page), Chrome 142 lets this run because
// the original click on step 1 still counts as sticky activation
// through three same-origin navigations.
const session = await PaymentRequest({ ... }).show();

see also