UX: Dropdowns with many items

Hello,

we see a common pattern across Foreman UI which is a dropdown with many options. For example on Operating Systems page there is a selection of Family. I almost always pick Red Hat from that list while other user might be setting Debian, Ubuntu or Windows. However we have several dozens of operating systems in that dropdown.

There is the search capability which is a huge improvement, but I was thinking if we can go step further implementing some kind of bookmarking capability, LRU (last recently used) and predefined top entries as well. Any combination or just a one of the mentioned three solution would be much better user experience than scrolling the list or reaching out for a keyboard.

What you think? @ui_ux

Patternfly has a dropdown with sections that would work well for this: https://www.patternfly.org/v4/documentation/core/components/dropdown#with-groups-and-dividers-between-groups

Predefined top entries seems like it would be pretty straightforward to add, as a starting point.

Sounds like a good compromise, e.g. for Family we would top Debian, Ubuntu and Red Hat I guess. The only issue is that these are not searchable, we’d need to keep this feature.

Anyway I created a RM ticket:

https://projects.theforeman.org/issues/30812