-
-
Notifications
You must be signed in to change notification settings - Fork 26.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Docs] Infinite network requests loop in Safari and iOS #8400
Comments
I loaded the website on an iPhone as well and the phone gets hot as well. iOS forces all browsers to use Apple's WebKit engine which means that it's currently not possible to load the docs on an iPhone without draining the phone battery. 😔 It's most likely an issue with |
cc @yangshun. Any thoughts? Have you seen reports of this from your end? |
I've experienced CPU issues using Safari on websites which use CSS variables and that's about it. I believe that's a Safari bug. I haven't seen the SVG loading issue mentioned here though. Unable to repro the SVG loading issues as well on Safari Version 13.0.3 (15608.3.10.1.4) but the high CPU usage issue is still there. Likely a Docusaurus core issue, not CRA. |
Hmm that's strange. I had the same SVG issue on my private MacBook and my work MacBook. Just now I was able to reproduce it on an iOS simulator. |
So we had another report of high CPU in Safari and after some tracing, it's due to the use of This is a bug in Safari but we can try to prevent the bug from even surfacing. |
@yangshun I can confirm that disabling the 4 transition properties from your screenshot stops the SVG requests. 🙌 |
Awesome! Thanks for helping to debug! We'll work on a fix. |
Thanks for the collab folks! |
|
The website now works fine so I'm closing this. Thank you for the fix! |
Describe the bug
When I try to access https://create-react-app.dev with Safari, the browser gets stuck in an infinite loop, trying to load following SVG:
The computer runs pretty hot just after a few seconds.
Did you try recovering your dependencies?
Not applicable
Which terms did you search for in User Guide?
Not applicable
Environment
Steps to reproduce
Expected behavior
Just one request made for the SVG.
Actual behavior
Here is a screenshot after being on the website for ca. 30 seconds. Note that over 25k requests were fired.
Reproducible demo
https://create-react-app.dev
The text was updated successfully, but these errors were encountered: