google / google/model-viewer

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

Open
#4,770 3 comments 0 reactions 0 assignees View on GitHub
flag: not model-viewer
Dominant language
TypeScript
Stars
8.2k
Forks
947
PR merge metrics
No merged PRs in 30d

Description

### Description
Hi @AdaRoseCannon - another iOS regression for you ❤️

As discussed here:
https://github.com/google/model-viewer/discussions/3425#discussioncomment-8908418

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
- [x] Safari 17

### OS

- [ ] Android
- [x] iOS 17
- [ ] Linux
- [ ] MacOS
- [ ] Windows

### AR

- [ ] WebXR
- [ ] SceneViewer
- [x] QuickLook

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.