Cannot focus search while page explorer is open

[kbayliss]

Issue Summary

While the Page Explorer menu is open, you cannot click the search box to perform a search. You can click the search icon to the left of the input and submit the form, though you cannot focus on the text input field to type a query.

Steps to Reproduce

1. Open the Page Explorer
2. Attempt to click (with the mouse) the search field to type a query

Technical details

• I have confirmed that this issue can be reproduced as described on a fresh Wagtail project: Yes
• Wagtail version: 4.0.2
• Browser version: Chrome Version 105.0.5195.125 (Official Build) (x86_64)

[thibaudcolas]

Can confirm this is a bug, and is happening in older releases too – I believe since we re-implemented the sidebar in v2.15 or 16.

The issue here as far as I could tell is that the page explorer has a "click outside to close" behavior, which doesn’t work when clicking on the search box, as that fires a focus event rather than a click.

[yokwejuste]

Please @kbayliss can you give more description over this?

It's quite confusing to get, con my own end all working good!

[Adinapunyo-Banerjee]

I could reproduce this issue. Trying to work on it...