[V2] Initial styles before custom styles cause glitch on page loading
See original GitHub issueHey all
Im giving custom style to hide the indicatorsContainer: (base, state) => ({ display: 'none' })
but when page is loading before this style applies, the indicator shows and cause glitch specially on slow connections which last for seconds
is there any way to fix this?
Issue Analytics
- State:
- Created 5 years ago
- Comments:5
Top Results From Across the Web
css - Browser displays page without styles for a short moment ...
The layout appears completely broken, with everything displayed sequentially from top to bottom. When the page has finished loading, everything finally gets ...
Read more >Glitch when loading web - JavaScript - SitePoint Forums
When I load or refresh the web, this is what I see before the website loads: this is what loads after: And when...
Read more >Handling common HTML and CSS problems - MDN Web Docs
In other cases, nascent features are not supported consistently across browsers, which can make some features and styles not work for some users ......
Read more >How to avoid layout shifts caused by web fonts - Simon Hearne
One of the biggest causes of layout shifts for my clients is late-loading web fonts, let's look at how to optimise them!
Read more >Preventing Content Reflow From Lazy-Loaded Images
Lazy loading doesn't guarantee that the image will fully load before it enters the viewport. The result is a perceived janky experience, even...
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
Hey @hugotox the fix that worked was implementing hard coded css. ex:
Just to confirm, is that the official way to apply styles to the react-select in a server-side rendered page?