Improve usability of 'multiple checked select component' (dropdown)

[drummer83]

What is the need / problem?

When testing #9706 several ideas for improvement of the multiple checked select component came up. These should be agreed on and implemented afterwards.

Regarding the new dropdown:

• The new dropdown cannot be selected using the TAB key. :x:
• Pressing SPACE should open the dropdown. :x:
• Options should be selectable with CURSOR UP, CURSOR DOWN. :x:
• Options should be activated/deactivated when selected and pressing SPACE. :x:
• Pressing ESCAPE should close the dropdown. :x:
• Pressing TAB should close the dropdown and select the next element on the page. :x:
• When opening the dropdown (by mouse or keyboard), the cursor should be placed in the input field to immediately start typing. :x:
• What should happen when pressing ENTER? :question:
  • If cursor is on one of the options:
  • Activate/deactivate the currently selected option? :question:
  • Close the dropdown and apply the current selection? :question:
  • If cursor is in the filter field: Do nothing, because the filter is applied while typing. :question:
• There could be a little 'x' on the right in the filter input to clear the input :question:
• There could an option to 'select/deselect all' options :question:
• The height of the dropdown could be increased if there is enough space on the screen to show more than six options. :question:
• What should happen if there is only very little space below the dropdown? :question:
  • Currently the page can be scrolled and everything is reachable (see example below). :heavy_check_mark:
  • We could as well open the dropdown towards the top instead? :question:
• EDIT: In case we have the 'save as default' button: Should we make it sticky at the bottom (always visible)? :question:

Which type of users does this problem affect (and how many, if known)?

• Hub Managers (MCFEs)
• Producers
• Instance Managers

Potential solutions that will solve the problem

Connected wishlist and discovery discussions

Additional context

[drummer83]

In case we have the 'save as default' button: Should we make it sticky at the bottom (always visible)? Will add this to the list above as an edit.