groupoffice icon indicating copy to clipboard operation
groupoffice copied to clipboard

Filterable startMenu

Open michalcharvat opened this issue 3 years ago • 5 comments

@mschering

did you think about filterable startMenu? I can modify it if you want but I would like to know if it follow your ideas :)

Actually there are two issues

  • how to render textfield inside menu image

This is modified version of menuItem.

  • how to filter menu items - jsonmenu (however textfield have to be prepended) image

Styles are pretty simple for textfield:

#startMenu.x-menu li.x-menu-textfield-item {
    width: 800px;
    height: 60px;
    grid-column: 1 / -1;
    line-height: 60px;
}

Also would be good to add standard wrap to module names because tehy are mostly hidden.

michalcharvat avatar Jan 18 '22 14:01 michalcharvat

Coincidentally i thought the same this morning. So yes please go ahead!

mschering avatar Jan 18 '22 14:01 mschering

image

michalcharvat avatar Jan 28 '22 22:01 michalcharvat

Very nice! I have two feature requests :) It would be great if you:

  1. Put focus on the field when menu opens so you can start typing immediately.
  2. Add keyboard nav. Autofocus the first result so you can hit enter to open. or press right arrow key and hit enter to open the second.

mschering avatar Feb 01 '22 10:02 mschering

  1. pushed to same branch.
  2. This will be a bit complicated because there is existing menu navigation - ie up/down/enter. Currently you can easily press tab to go to result + use up/down arrows to navigate between icons and hit enter to launch module.

I guess I will create new start menu component + custom navigation to it.

michalcharvat avatar Feb 01 '22 12:02 michalcharvat

Maybe two simpler ones:

  1. When opening the start menu. Clear existing search
  2. When hitting enter after typing open the first result.

mschering avatar Feb 03 '22 11:02 mschering