Bug: Search results not loading/working unless page is refreshed

[kieran-mackle]

Description Hi, the search does not load results when used for the first time, after landing on a new page. Only after refreshing the current page will the search load as expected (see screenshots below).

I have noticed this issue on my own site (https://kieran-mackle.github.io/AutoTrader/) and on the TeXt demo page. I have checked it on Windows 10 and an android mobile device and the issue persists. However, on an iPhone in Google Chrome, the issue is not present.

Steps to Reproduce 0. Clear browser history (cookies and cache)

1. Go to website (eg. https://kieran-mackle.github.io/AutoTrader/)
2. Click on 'Getting Started'
3. Click on search icon and type a phrase, eg. 'help'
4. Note that no results come up, try exit search by pressing cancel, but button does not work (issue on mobile with no 'esc' button, cannot easily exit search)
5. Refresh the web page
6. Click on search icon and type a phrase, eg. 'help'
7. Results will now appear.

Expected behavior I expect results to load first time, rather than only after a page refresh.

Screenshots The screenshots below are from my website hosted at https://github.com/kieran-mackle/AutoTrader/tree/gh-pages. However, I have also reproduced this issue on the TeXt demo site.

When I first go to search after landing on the getting started page, no results are loaded, as shown. Note that the 'Cancel' button also does not work (has no effect on the page, remaining in the search screen).

Then, after I refresh the page, the results appear as expected. The 'Cancel' button also works now, exiting the search when pressed.

Environment

• OS: Windows 10 and Android 11
• Ruby: Github Pages, 2.4.0p0
• Jekyll: Github Pages, 3.7.3
• Browser: Chrome