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.

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.

Nice, glad you figured it out!