iOS REGRESSION: Apple Pay banner fails to render when opening AR QuickLook with USDZ blob

[milesgreen]

Description

Hi @AdaRoseCannon - another iOS regression for you ❤️

As discussed here:
#3425 (comment)

Reported on WebKit Bugzilla:
https://bugs.webkit.org/show_bug.cgi?id=271701

Also reported via Feedback Assistant (FB13779595)

---

In iOS 17, when opening a USDZ blob to view in AR QuickLook, and passing in Apple Pay # params, such as applePayButtonType / checkoutTitle / checkoutSubtitle / price, the Apple Pay banner is not displayed.

In previous versions of iOS, this used to be possible.

When opening USDZ blob, it is still possible to use other # params such as allowsContentScaling / canonicalWebPageURL and most significantly, custom / customHeight parameters to render a custom banner in the ARQL session.

Also, when using a USDZ file rather than blob, the Apple Pay banner params do work and banner is displayed.

Repro steps:

• Using iOS 17 iPhone
• Visit this test: https://modelviewer-extended-params.glitch.me/
• Turn ON 'Auto USDZ' option to use USDZ blob rather than the USDZ file.
• Turn ON 'QuickLook Apple Pay Button' option to add applePayButtonType / checkoutTitle / checkoutSubtitle / price # params.
• Tap the AR icon to open model in AR QuickLook.
• Observe, no Apple Pay banner.

Tested with:

• iOS 17.5 (beta) - FAIL, no Apple Pay banner displayed
• iOS 17.4.1 - FAIL, no Apple Pay banner displayed
• iOS 17.2.1 - FAIL, no Apple Pay banner displayed
• iOS 16.6.1 - PASS, Apple Pay banner is displayed
• iOS 15.8.1 - PASS, Apple Pay banner is displayed

Live Demo

https://modelviewer-extended-params.glitch.me/

Version

• model-viewer: any

Browser Affected

• Chrome, version: xx.x.xxxx.xx
• Edge
• Firefox
• IE
• Safari 17

OS

• Android
• iOS 17
• Linux
• MacOS
• Windows

AR

• WebXR
• SceneViewer
• QuickLook