Make pattern categories be selected by hover (onMouseEnter) instead of onClick.

[kohheepeace]

What problem does this address?

I am frustrated that I have to select a category every time I look for a pattern.

The end-user does not know which category contains the pattern he/she wants.

Therefore, they need to "click" on each category to find a pattern. Replacing this with Hover eliminates the need to click the mouse.

❌ Current: It's a pain to click every time to find patterns.

2024-01-19.17.30.30.mp4

✅ Expected: Just hover, so you can easily find patterns.

2024-01-19.17.26.48.mp4

What is your proposed solution?

In packages/block-editor/src/components/inserter/block-patterns-tab/index.js

[kohheepeace]

Proof of concept example

Shuffle.dev

You can try this UI at https://shuffle.dev demo page.

[scruffian]

If we do this we'll need to keep a touch event for mobile. We are exploring a different UI in Try drill down for pattern inserter

[kohheepeace]

I understand that it is necessary to click on mobile.

However, I think that the best UI for PC devices is hover. This is my opinion, but I find the UI for searching for patterns on shuffle.dev to be more comfortable than gutenberg.

First of all, users have no prior knowledge about the pattern categories. Additionally, these pattern categories vary depending on the WordPress theme. Therefore, in order to understand what patterns are in which categories, users need to click through all the categories. This is very troublesome.

The final decision is up to the core team, but I would appreciate it if you could consider this as one user's opinion. Thanks!