question-mark
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.

[V2] Initial styles before custom styles cause glitch on page loading

See original GitHub issue

Hey 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:closed
  • Created 5 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
k4mr4ncommented, Sep 14, 2018

Hey @hugotox the fix that worked was implementing hard coded css. ex:

.css-1cq4x0a {
      padding: 4px 0 0 0;
      .css-9p8w3j {
        font-size: 24px;
      }
    }
0reactions
hugotoxcommented, May 29, 2019

Just to confirm, is that the official way to apply styles to the react-select in a server-side rendered page?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found