Calypso: Typing in search box reloads the page with each keystroke

[devNigel]

Quick summary

Typing in the Calypso page / post search box reloads the page with each keystroke.

Steps to reproduce

1. On a Simple or Atomic site, go to Calypso Posts or Pages list.
2. On the search box, type something.
3. You will notice page forcefully reloading with each keystroke.

What you expected to happen

Typing in search box shouldn't reload the entire page.

What actually happened

The entire page gets reloaded when you type in search box.

Screen recording:

https://github.com/Automattic/wp-calypso/assets/33957570/9f7533de-7f3d-4d37-9ad7-5590a9be76e1

Impact

All

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

User report: 6354361-zd-woothemes

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 6354361-zen

[john-legg]

📌 REPRODUCTION RESULTS

Tested on Simple – Replicated Tested on Atomic – Replicated Replicable outside of Dotcom – No (not applicable)

📌 FINDINGS/SCREENSHOTS/VIDEO

After some testing, it appears that this issue affects all browsers (Chrome, Firefox, and Safari) when searching for posts and pages. The frequency of the reload seems to vary a bit (sometimes it's every keystroke, sometimes not) and sometimes it doesn't reload the entire page, but briefly shows the "no results found" message in-between keystrokes.

Full page reload

https://github.com/Automattic/wp-calypso/assets/96805492/ca8a0b58-ec5b-42d4-b292-b4d4eefede25

No posts found

https://github.com/Automattic/wp-calypso/assets/96805492/cb1cb5ed-77e9-407a-81d3-b39f8b52440d

📌 ACTIONS

Assigned to Non-Urgent column because I'm not sure what team this belongs to

📌 Message to Author

I'm lowering the priority to Normal since the user can technically still search and get a result, even if it's quite broken and a terrible user experience. They can also manually explore their lists of posts and pages.