Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
FOUC on Firefox
See original GitHub issue- I have read the [troubleshooting section] before opening an issue.
- I have tried upgrading
ilesandvite.
Description 📖
There is a bug in Firefox which causes a flash of unstyled content by displaying the markup, then the CSS.
A workaround is to add <script>0</script> right after <body>.
Is there a way to hook into the page generation process to add this workaround?
Reproduction 🐞
- Use Firefox
- (optional) Throttle your network
- Go to https://the-vue-point-with-iles.netlify.app/
- Observe FOUC
Screenshots 📷
On Firefox:
On Chrome:
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Various websites like GitHub load with flash of unstyled ...
I am getting a lot of annoying FOUC on most pages I visit with Firefox Quantum ... Summary: Websites load with flash of...
Read more >Flash of unstyled content (FOUC) in Firefox only? Is FF slow ...
7 Answers 7 · 1. Seems to fix it for those with the inspector open with the console warning: "Layout was forced before...
Read more >FOUC only in production on latest Firefox #22465 - GitHub
It seems to disappear when using Chrome or Firefox on mobile. ... There should be no FOUC. ... Visit my production deployment. See...
Read more >Getting rid of "Flash of Unstyled Content" bugs in Firefox.
https://bugzilla. mozilla.org/show_bug.cgi?id=1404468https://pragmaticstudio. ... Getting rid of " Flash of Unstyled Content " bugs in Firefox.
Read more >FOUC in Firefox - WordPress.org
FOUC (Flash of unstyled content) is only happening in Firefox. Other browsers are doing ok. How can I fix this? Viewing 1 replies...
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
I agree that a workaround is not needed in Iles directly, however I think it could be documented in a troubleshooting section, as the problem is quite weird.
Would you like me to PR?
Yup, Firefox is weird. Thanks for the hook, I successfully implemented the workaround for now! 😃