Improve search UX by adding a loader while initializing the search

I checked that…

• … the documentation does not mention anything about my idea
• … to my best knowledge, my idea wouldn’t break something for other users
• … there are no open or closed issues that are related to my idea

Description

Add a loading animation to search input field until the search_index file gets loaded and parsed

Use Cases

When the search_index.json file is large for larger document sites, It takes a while to load and parse the file in the browser, Until it completes this process, User feels like search operation is not working, because we don’t give any feedback until the search initialization complete (On click search input, loads search_index.json, parse it)

Screenshots / Mockups

This is how we have customized search initialization in our docs

[squidfunk]

0145f6d2 adds a hint that the search is being initialized. Again, the last value is re-emitted, when search is successfully initialized. We could add some more animations to it, but I think it’s a start.

Tested with Fast 3G on the official docs:

[squidfunk]

Thanks! Fixed in 671ec724.