Searchbox blinking on firtst usage

[elringus]

Describe the bug

When clicking the searchbox (or pressing ctrl+k) for the first time after the page loaded, it disappears for about 500ms.

vid.mp4

Reproduction

1. Open https://vitepress.dev
2. Click the searchbox or press ctrl+k
3. Notice the box is hidden for about 500ms before the search overlay is loaded

Expected behavior

The searchbox doesn't disappear.

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (16) x64 Intel(R) Core(TM) i7-6900K CPU @ 3.20GHz
    Memory: 49.17 GB / 63.92 GB
  Binaries:
    Node: 18.2.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 9.6.6 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 114.0.5735.134
    Edge: Spartan (44.19041.1266.0), Chromium (114.0.1823.43)

Additional context

No response

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[elringus]

@brc-dd Hey, Do I get it right that you don't qualify this as a bug? If not, why? In case you wasn't able to reproduce it, make sure to clear browser cache and force-reload the page (ctrl+f5).

[brc-dd]

It is sort of expected behavior because that Algolia chunk is loaded dynamically on demand to reduce the initial load times. That element is then swapped by the docsearch one. That swap is appearing as the blink to you. But the blink is usually in sub seconds, and is very fast (<10ms) once that chunk is cached by the browser. We can try to figure out some way to avoid the element removal till the new one is mounted, but that might be bit of overengineering.

[elringus]

Well, that doesn't happen on other sites, that use algolia, so it should be something vite or vitepress-specific. Users of my docs clearly identify this as a bug/glitch and I agree with them. Is there a way to make vite/vitepress preload the chunk, so that at least it doesn't disappear for that long on the initial load?

[elringus]

Thank you!