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.

Loading indicator

See original GitHub issue

When the search has latency it is pretty hard to understand why the results don’t update. It’s especially true when the search happens on mobile (where there are a lot of latency even on good network). One way to tell the user that something is happening is to display a spinner.

The good thing is that the JS Helper now implements a flag and an event to notify that the search has been completed.

What I propose is a standalone loading connector and an implementation in the searchbox (so that we can replace the magnifying glass with a spinner)

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:10 (10 by maintainers)

github_iconTop GitHub Comments

3reactions
bobylitocommented, Oct 17, 2017

I’m gonna move on with this proposal unless you have something to add @mthuret @samouss? (cc @iam4x @Haroenv @vvo @ronanlevesque)

1reaction
mthuretcommented, Oct 17, 2017

I don’t think it makes sense to have it everywhere because I don’t see the point in a refinement list for example.

I think on mobile it can happen in more spaces than just the searchbox and the hits. I mentioned the stats widget earlier, that’s because your have screens that do not necessarily include the searchbox or the hits. However I must admit that’s very mobile oriented.

I’m good to start with the SearchBox though.

Also a note for later: on react-instantsearch they’ll probably something to look after regarding the connectStateResults connector (that today contain the loading boolean info).

Read more comments on GitHub >

github_iconTop Results From Across the Web

Stop Using A Loading Spinner, There's Something Better
A Loading Spinner is one of the most used progress indicators in user interface design. But it has its own flaws which are...
Read more >
10 Creative Loading Indicators. by Nick Babich - UX Planet
10 Creative Loading Indicators · 1. The Interview is loading… · 2. Loading Christmas gifts · 3. Adorable cat · 4. Double Helix...
Read more >
Progress indicators – Material Design 3
Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates.
Read more >
Loading Indicator - Dribbble
Discover 21 Loading Indicator designs on Dribbble. Your resource to discover and connect with designers worldwide.
Read more >
Your Loading Spinner Is a UX Killer! Here's an Alternative
Gives users something to look at. The most common loading indicator in UI design is – you guessed it – the loading spinner....
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