Blank white pages loading on gatsbyjs.com on Safari browsers (MacOS and iOS)
Closed this issue · 2 comments
Preliminary Checks
- This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
- This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions
Description
Not sure if this is the right place to report this, but routing seems to be broken for Safari browsers (desktop and mobile) on the gatsbyjs.com production site. I was trying to browse docs, and all relative links just load a blank white page. Page reload is required to get it back. Other browsers work fine.
There is an error in the console ReferenceError: Can't find variable: cancelIdleCallback. It looks like this method is not supported in Safari only (https://developer.mozilla.org/en-US/docs/Web/API/Window/cancelIdleCallback).
Reproduction Link
Steps to Reproduce
- Go to gatsbyjs.com in a Safari browser (MacOS or iOS)
- Click any relative link
Expected Result
Links should load pages normally
Actual Result
Blank white page loads. JS error in console: ReferenceError: Can't find variable: cancelIdleCallback.
Environment
Safari browsers on MacOS and iOSConfig Flags
No response
I believe I have run into this issue, and it seemed related to this
angular/angular#53721
which I resolved locally by setting a development feature flag, seen here
Thanks for that workaround, confirmed it resolves the issue. I’ll close this assuming that feature is eventually activated by default.