Connection Lost on Safari

[ahmed-shahid-confiz]

[REQUIRED] Describe your environment

• Operating System version: iOS 16+
• Browser version: Safari 16+
• Firebase SDK version: 9.9.2
• Firebase Product: realtime database

[REQUIRED] Describe the problem

Steps to reproduce:

1. Use the javascript sdk in a react app in PWA mode in an iphone with iOS 16+.
2. Use the onValue method to observe for changes on one component.
3. Open the component that uses onValue.
4. Close the component.
5. Put the app in background.
6. Interact with other apps on the phone for a few minutes.
7. Open the component again that uses the onValue method.

The onValue method never returns the snapshot and does not throw any error either.

I have tried managing online presence as mentioned in the documentation here.

The onValue method does not return for the ".info/connected" node nor does it throw any error.

It starts working once the app is killed and relaunched. But, we cannot communicate to users to kill the app whenever they see an issue such as this. Can anybody help here?

I reached out to support and this was their final response which is why I opened the issue here on GitHub:

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[ahmed-shahid-confiz]

Any update here?

[ahmed-shahid-confiz]

Any update here?

[DellaBitta]

Hi @ahmed-shahid-confiz,

Could you provide a minimal reproducible test case so that we can better understand and reproduce your code usage? Thanks!

[ahmed-shahid-confiz]

Hi @DellaBitta,
I have attached the steps already. Let me restate them here:

1. Use the javascript sdk in a react app in PWA mode in an iphone with iOS 16+.
2. Use the onValue method to observe for changes on one component.
3. Open the component that uses onValue.
4. Close the component.
5. Put the app in background.
6. Interact with other apps on the phone for a few minutes while keeping the PWA in background.
7. Open the component again that uses the onValue method.
8. The method will never return nor will it throw an error.