Label selection practically unusable, scrolling way too far
Summary
The issue label selection dropdown is almost unusable. The UI area of the actual labels list is only 3.5 items tall and scrolling with the mouse wheel jumps several pages further. We have 27 labels and dragging the scrollbar thumb just moves too fast, too. Selecting a label is a very uncomfortable task now. This has already been a bad experience in the past, and now it's a horrible experience. It definitely needs to be improved.
This is even worse when the UI field is placed close to the bottom of the window viewport, so that there's even less vertical space. The selection list is even smaller then.
It also applies to the milestone selection and probably all other selection dropdowns in GitLab. It has a pretty massive effect!
Steps to reproduce
- Create a project with around 30 labels (the more the worse)
- Open Firefox on Windows and try to assign a label to an issue
Example Project
It's non-public.
What is the current bug behavior?
See above.
What is the expected correct behavior?
The UI area containing the labels needs to be a lot bigger so that it fits at least 8 list items. And scrolling with the mouse wheel should only move the usual 3 items at a time, not 2 pages.
Maybe the vertical spacing of the list items could be reduced, too. I'll try to fix that myself meanwhile with a user style.
Relevant logs and/or screenshots
The initial view, and the view after turning the mouse wheel a single stop down. Clicking the scrollbar buttons has similar results. Between these two screenshots, there are 14 labels skipped!
Output of checks
This bug happens on GitLab.com