Domain loads blank on all iOS devices but works on Android and desktop

Current Behavior

  • Website https://mommagrapes.com works fine on:

    • macOS (Chrome, Safari)

    • Windows (Chrome, Edge)

    • Android devices (Chrome)

  • The same site shows only a blank screen on:

    • iPhone (tested on iPhone 12 Pro Max, iPhone XS)

    • iPad

    • Tried with Safari and Chrome → both fail.

Expected Behavior

Website should load the same on iOS Safari/Chrome as it does on Android/desktop.

Steps to Reproduce

  1. Open Safari or Chrome on any iOS device.

  2. Go to https://mommagrapes.com.

  3. Observe → blank screen.

What I’ve Tried

  • Cleared cache/cookies (Safari & Chrome).

  • Reset iPhone DNS / switched to Google DNS (8.8.8.8).

  • Toggled airplane mode / restarted devices.

  • Tested in Incognito mode.

  • Friends in Canada & US reproduced same issue on iPhones.

  • SSL certificates on Vercel show as valid (wildcard, root, www).

  • DNS records now correctly point to:

Project Information

Extra Info: SSL Labs Test

I also ran SSL Labs against mommagrapes.com. Both IPs (216.198.79.65, 64.29.17.1) returned A+ scores. That confirms:

  • The SSL certificate and chain are valid and properly trusted

  • TLS versions supported are fine for iOS

  • No certificate or cipher mismatch

So the issue does not appear to be with SSL/TLS itself, but possibly with how traffic is routed or how the app is served on iOS Safari/Chrome.


The domain troubleshooting guide can help with most custom domain configuration issues. You might be able to use that guide to solve it before a human is available to help you. Then you can come back here and share the answer for bonus points.

You can also use v0 to narrow down the possibilities.

Hey, I checked Safari for you and the network requests all return 200 OK, so the assets are being served, but the screen stays blank. In the console I see these errors:

I think the code is trying to access Notification.permission on load. iOS Safari/Chrome don’t support the Web Notifications API the same way desktop browsers do, so Notification is undefined and the app crashes before rendering. Might be worth looking into.

1 Like

Current Behavior

  • Website https://mommagrapes.com works fine on:

    • macOS (Chrome, Safari)

    • Windows (Chrome, Edge)

    • Android devices (Chrome)

  • The same site shows only a blank screen on:

    • iPhone (tested on iPhone 12 Pro Max, iPhone XS)

    • iPad

    • Tried with Safari and Chrome → both fail.

Expected Behavior

Website should load the same on iOS Safari/Chrome as it does on Android/desktop.

Steps to Reproduce

  1. Open Safari or Chrome on any iOS device.

  2. Go to https://mommagrapes.com.

  3. Observe → blank screen.

What I’ve Tried

  • Cleared cache/cookies (Safari & Chrome).

  • Reset iPhone DNS / switched to Google DNS (8.8.8.8).

  • Toggled airplane mode / restarted devices.

  • Tested in Incognito mode.

  • Friends in Canada & US reproduced same issue on iPhones.

  • SSL certificates on Vercel show as valid (wildcard, root, www).

  • DNS records now correctly point to:

Project Information

Extra Info: SSL Labs Test

I also ran SSL Labs against mommagrapes.com. Both IPs (216.198.79.65, 64.29.17.1) returned A+ scores. That confirms:

  • The SSL certificate and chain are valid and properly trusted

  • TLS versions supported are fine for iOS

  • No certificate or cipher mismatch

So the issue does not appear to be with SSL/TLS itself, but possibly with how traffic is routed or how the app is served on iOS Safari/Chrome.


You’re absolutely right! iOS doesn’t support the Web Notifications API.

I’ve resolved this by adding a safe check for the Notification API before using it. On platforms where it isn’t available (like iOS), the app now degrades gracefully, avoids crashing, and continues working perfectly.

1 Like

Nice, glad you figured it out!

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.