Uncaught TypeError in page-editor.js - MultipleChooserPanel

[patillacode]

Issue Summary

I have selection of authors for a book in my site

And I can select whichever one without issue!

The problem comes when I try to filter by author name, the filtering occurs without any problems but I cannot select any of the authors from the output.

The result is correct, I get the color change on hover meaning I can click on it:

But when I do I get this in the console making reference to page-editor.js

Steps to Reproduce

Assuming you have a working Wagtail app running:

1. Go to edit any page with a MultipleChooserPanel (classic example of a Blog Post with an Author)
2. Filter by the author name
3. See you cannot select any of the given results after the filtering is done.

• I have confirmed that this issue can be reproduced as described on a fresh Wagtail project: no

Technical details

• Python version: 3.9.15
• Django version: 4.2.11
• Wagtail version: 5.2.3
• Browser version: Chrome 124

Working on this

In the original conversation on the Slack support channel @lb- mentioned that his guess was that the chooser JS is not being reinstated after the filtering occurs.

[gasman]

Thanks for reporting! I see that the checkboxes are missing from the second screenshot, which probably means that the URL parameter that enables multiple choice has not been preserved when loading the filtered results - it then ends up returning a single result (rather than the expected array of results) to the calling page, which fails as the calling page tries to loop over the results.

[patillacode]

FYI, in case it helps, the behaviour is correct when you try to change an existing author.

If you have a selected item in your MultipleChooserPanel and want to change it, using the menu option "Choose another page" you get the pop-up/modal and filtering works there without issue.

I still don't get the checkboxes but I can click the results and the value changes correctly.