neos-ui icon indicating copy to clipboard operation
neos-ui copied to clipboard

[UX-Feature] Filtering node types selects the first result by default [and inserts it by hitting `enter`]

Open putzwasser opened this issue 4 years ago • 3 comments

Description

When you filter for node types the creation/insert dialog it would be nice if the dialog would automatically highlights the first filter result.

image

In this case »Text/Bild Kombination«.

If you’d hit enter it would "instantly" insert the currently selected node type (in this case) below node type, which you clicked on to spawn the dialog.

"Bonus"

Selecting the other filtered ones via the arrow keys would be nice. But that would mean:

  1. arrow keys are just for navigation between the nodes, you couldn’t move the cursors in the input field anymore
  2. you could only move the cursor by clicking
  3. you could only add characters or remove all of them until (using backspace) until you get to the point you wanted to edit

I would be fine with that limitation.

putzwasser avatar Feb 19 '22 18:02 putzwasser

i would expect this ux behavior:

  • type bil
  • nodes are filtered, first item in list is semi highlight selected so enter works
  • arrow keys and focus still is in the input field.
  • press tab to move out of the input field and then use arrow keys for selecting. (enter would save and close)
  • shift tab to move back into the search bar.

escape at anytime will close this window.

mhsdesign avatar Apr 09 '22 09:04 mhsdesign

We could also open this dialog with Cmd + K like all the cool apps do.

danielkestler avatar Jul 04 '22 11:07 danielkestler

The search field should also be autofocused when the dialog opens.

Sebobo avatar Jul 05 '22 08:07 Sebobo