Bug 273046 – Camera freezes on installed PWA, as of iOS 17.4.1

• Component: WebRTC
• Status: RESOLVED CONFIGURATION CHANGED

[Quinn Casey]

Not my iPhone, so I don't have the exact debug information, but a few users are experiencing this.

Device: iPhone 14 Pro Max (MQ8T3LL/A) @ iOS 17.4.1

scanapp.org freezes when installed to home screen as a PWA, but not in the browser. This effects not just this JS camera library, but other react camera libs as well, making me think it's a webkit/ios issue introduced early last week.

https://github.com/mebjas/html5-qrcode/issues/713#issuecomment-2066114915

[Radar WebKit Bug Importer]

<rdar://problem/126863857>

[Ahmad Saleem]

@Quinn - I am getting this behavior - please correct my understanding the bug:

1) Go to `scanapp.org`
2) Add to 'Home Page' on iOS 17.4.1
3) Open the app from PWS
4) Click on 'Request' Permissions for camera (front / back) whatever
5) Allow 'Permissions'
6) Click on 'Scan'
7) Once scanned 'press' stopped:

Expected Result:

Show 'something' when stopped

Actual Result:

Showed that 'stopping' is stuck.

___

@Quinn - appreciate if you can clarify any steps on how to reproduce precisely but I have tested following above and share my understanding so far. I don't get any issue in terms of 'camera' freeze.

[Quinn Casey]

@Ahmad Thanks for your response, I'll get back to you with steps and a screen recording to reproduce this bug this weekend.

[Amina]

I'm experiencing a camera issue with my PWA. Specifically, the barcode scanner on Flutter web and iOS displays a black screen instead of the camera feed.

The barcode scanner functions normally within the Safari browser, but the camera feed turns black when I add the app to the home screen.

The scanner previously worked with the older version, but it's now broken on iOS 17.4.1.

[Amina]

(In reply to Amina from comment #4)
> I'm experiencing a camera issue with my PWA. Specifically, the barcode
> scanner on Flutter web and iOS displays a black screen instead of the camera
> feed.
> 
> The barcode scanner functions normally within the Safari browser, but the
> camera feed turns black when I add the app to the home screen.
> 
> The scanner previously worked with the older version, but it's now broken on
> iOS 17.4.1.

I've fixed this issue by upgrading both Flutter and barcode scanner library versions.
I can't remove the comment, so I'm writing this to indicate that it shouldn't be considered a WebKit issue

[Quinn Casey]

Created attachment 471369 [details]
Bug screen recording

Sorry about the delay, I got a screen recording of the bug.

When PWA-ed, the site freezes when launching the camera. This does not occur when just a Safari tab.

This site is just a public demo of the bug, I'm experiencing the same problem on a few other react camera libraries of varying versions.

[Quinn Casey]

For reproducing:

1) Go to `scanapp.org`
2) Add to 'Home Page' on iOS 17.4.1
3) Open the app from PWS
4) Click on 'Request' Permissions for camera (front / back) whatever
5) Allow 'Permissions'
6) Click on 'Start Scanning'
7) Note how site freezes, no element on the page responds until the PWA is force closed.

I do not experience this on a regular iPhone 14 @ iOS 17.4.1

[Quinn Casey]

From our testing, this has been resolved in iOS 17.5

[Alexey Proskuryakov]

Thank you for the follow-up!

[Gio Cacchione]

I am experiencing the same issue as @Quinn. I am on iPhone 13 iOS 17.5.1

Everything was working fine on 17.5 but started seeing issues again after the update to 17.5.1

I tested my wife's iPhone (12 Mini also on 17.5.1) and weirdly it works fine. Any help with this bug is greatly appreciated!

[Quinn Casey]

This issue also came back in 17.5.1 on our iPhone 14 Pro Max.

[Alexey Proskuryakov]

It's probably best to file a new bug if you don't mind, to avoid potential confusion.