Query Loop Block: Cannot choose grid pattern

[KokkieH]

Description

When inserting a query loop block there's a prompt to choose a pattern for the block. The subsequent modal has icons for list and grid views at the bottom, but if you click the grid icon, the Choose button disappears so the pattern cannot be selected.

Step-by-step reproduction instructions

1. Create a new page or page template
2. Insert the Query Loop block
3. Click Choose to select a pattern
4. Click the Grid icon at the bottom of the modal
5. Note that the "Choose" button that was visible on the List view, disappears when switching to Grid view

Screenshots, screen recording, code snippet

Environment info

• WordPress 6.0, Twenty Twenty-Two v1.2
• Can replicate with and without Gutenberg v13.2.2 activated
• Firefox 100.0.2 on MacOS 12.3.1
• Reported by a WordPress.com user with Chrome 101 on Windows 10

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[Mamaduka]

Hello, @KokkieH

Clicking on the pattern in the grid view will select it.

I think we should make this action clear. Cc @jameskoster.

[KokkieH]

Ah, now I get it, @Mamaduka. It's not list-patterns and grid-patterns, but a list-view and grid-view of the available patterns. The user who reported this on WordPress.com and I both got this wrong, so yeah, it would be good if that could be a bit more clear :D

[jameskoster]

Thanks for the ticket (and mention)!

I shared some designs in #39308 which eliminate the "Choose" button altogether.

[priethor]

@KokkieH thanks for reporting!

Do you mind if we close this issue and consolidate the work in #39308, as it will solve the problem?

[KokkieH]

@priethor that's absolutely fine, yes. Thank you :)