Add filter to issue boards switcher dropdown
Follow-up from https://gitlab.com/gitlab-org/gitlab-ce/issues/48847 and https://gitlab.com/gitlab-org/gitlab-ce/issues/40219. Originally proposed in https://gitlab.com/gitlab-org/gitlab-ce/issues/40298#note_48542666
One of the biggest challenges currently in issue boards is navigating between multiple boards. We can make this a bit easier by adding a search input to the boards switcher dropdown:
- Design specs
- Component docs: Search and Dropdowns
- The filter field should be focused when opening the dropdown.
- Display
No matching boards found
when filtering didn't return any results
This is a small effort for a big gain in UX. It does not solve the root problem of duplicated and unused boards, but it definitely alleviates that issue.
Implementation
-
moving the Vue template out of HAML: https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/8519 -
replace the dropdown implementation with gitlab-ui - add dropdown components to gitlab-ui: gitlab-ui!83 (merged)
- use new components in the switcher: https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/8591
- afterwards keyboard navigation works and
Switch board
header is added
-
add search field to dropdown - add search field to gitlab-ui: gitlab-ui!96 (merged)
- afterwards new merge request in EE for updating the dropdown
This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.