[Docs] Infinite network requests loop in Safari and iOS
See original GitHub issueDescribe 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:
data:image/svg+xml;utf8,<svg fill="currentColor" alt="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></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
System:
OS: macOS 10.15.2
CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz
Binaries:
Node: 12.14.1 - /usr/local/bin/node
Yarn: 1.21.1 - /usr/local/bin/yarn
npm: 6.13.6 - /usr/local/bin/npm
Browsers:
Chrome: 79.0.3945.130
Firefox: 71.0
Safari: 13.0.4
npmPackages:
react: Not Found
react-dom: Not Found
react-scripts: Not Found
npmGlobalPackages:
create-react-app: Not Found
Steps to reproduce
- Grab a Mac
- Open Safari
- Navigate to https://create-react-app.dev
- Open network tab in Safari devtools
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.
![Screenshot 2020-01-30 at 19 18 12](https://user-images.githubusercontent.com/31006608/73478158-d9b61b80-4395-11ea-8177-dae65f00773c.png)
![Screenshot 2020-01-30 at 19 18 18](https://user-images.githubusercontent.com/31006608/73478159-d9b61b80-4395-11ea-926a-ff1ad7dbbafa.png)
Reproducible demo
Issue Analytics
- State:
- Created 4 years ago
- Comments:10 (6 by maintainers)
Top Results From Across the Web
Safari Extensions | Apple Developer Forums
Enhance and customize the web browsing experience on Mac, iPhone, ... I was tracking down an infinite loop and it's caused by calling:...
Read more >Teams web client is stuck in a login loop - Microsoft Learn
In this article. Microsoft Edge; Google Chrome; Mozilla Firefox; Safari; Internet Explorer. When you try to sign in to Microsoft Teams in ...
Read more >Intersection Observer API - MDN Web Docs
Implementing "infinite scrolling" web sites, where more and more content ... involved event handlers and loops calling methods like Element.
Read more >8th Wall Documentation
iOS : Safari (iOS 11+). Apps that use SFSafariViewController web views (iOS 13 ... Events are emitted by the 8th Wall camera run...
Read more >Support and compatibility | IMA SDK for iOS
HTML5 v3 iOS v3 Android v3 Google Cast tvOS
VAST 4 12 12 12 12 12
VAST 3 1 2 2 2 2
VMAP 1.0.1 3...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Awesome! Thanks for helping to debug! We’ll work on a fix.
@yangshun I can confirm that disabling the 4 transition properties from your screenshot stops the SVG requests. 🙌