Auto-focus "Project" selector when adding new issue to group-level board
When creating an issue in a group-level board, auto-focus the project search text field.
UI Flow
Prerequisites
- Your group has an issue board configured
- Your group has at least one project
Actual Flow
-
Navigate to the group's issue board
-
Click
+in the top right of one of the board's listsA "new issue" card is engaged. The
Titletext field is auto-focused -
Type an issue title
-
Click the
Projectinput -
Click the
Search projectstext fieldA search dialog appears.
-
Type a project name
-
Click an entry in the drop-down list
Expected Flow
-
Navigate to the group's issue board
-
Click
+in the top right of one of the board's listsA "new issue" card is engaged. The
Titletext field is auto-focused -
Type an issue title
-
Click the
ProjectinputA search dialog appears. The
Search projectstext field is auto-focused (added) -
Click the(removed)Search projectstext field -
Type a project name
-
Click an entry in the drop-down list
Implementation plan
We will need to change ee/app/assets/javascripts/boards/components/group_select.vue. We will need to add ref to our GlSearchBoxByType and invoke .focusInput on ref when relevant gl-dropdown is triggered.
We will need to update tests accordingly