BigW Consortium Gitlab
17465 Fixed dropdown cursor key navigation ## What does this MR do? This MR fixes the use of cursor/arrow/enter key events with search dropdowns, allowing a user to navigate up and down the list with the arrow keys and then select their item with the enter key. It also applies some *minor* scroll user experience fixes, such as resetting the selected dropdown item every time it opens/closes (also stops multiple dropdowns conflicting) and forcing the dropdown scroll to scroll right to the top or bottom depending on whether they have selected the first or last item, respectively. ## Are there points in the code the reviewer needs to double check? I would like someone with GitLab experience to check over whether this would harm any unique implementations of the GitLabDropdown or SearchAutocomplete. ## Why was this MR needed? The current version has incorrectly behaving search dropdowns in the navbar, they either do not navigate using the keyboard or do not use the enter keystroke to select a highlighted item. ## What are the relevant issue numbers? Fixes #17465. Closes #20752. Closes #21014. **Contributes** to #20754. ## Screenshots (if relevant) ![17465.mp4](/uploads/1145abec226036abbaaa4aa46020f52b/17465.mp4) See merge request !4781
Name |
Last commit
|
Last update |
---|---|---|
.. | ||
behaviors | Loading commit data... | |
boards | Loading commit data... | |
extensions | Loading commit data... | |
fixtures | Loading commit data... | |
graphs | Loading commit data... | |
u2f | Loading commit data... | |
abuse_reports_spec.js.es6 | Loading commit data... | |
application_spec.js | Loading commit data... | |
awards_handler_spec.js | Loading commit data... | |
datetime_utility_spec.js.coffee | Loading commit data... | |
diff_comments_store_spec.js.es6 | Loading commit data... | |
gl_dropdown_spec.js.es6 | Loading commit data... | |
issue_spec.js | Loading commit data... | |
labels_issue_sidebar_spec.js.es6 | Loading commit data... | |
line_highlighter_spec.js | Loading commit data... | |
merge_request_spec.js | Loading commit data... | |
merge_request_tabs_spec.js | Loading commit data... | |
merge_request_widget_spec.js | Loading commit data... | |
new_branch_spec.js | Loading commit data... | |
notes_spec.js | Loading commit data... | |
project_title_spec.js | Loading commit data... | |
right_sidebar_spec.js | Loading commit data... | |
search_autocomplete_spec.js | Loading commit data... | |
shortcuts_issuable_spec.js | Loading commit data... | |
spec_helper.js | Loading commit data... | |
syntax_highlight_spec.js | Loading commit data... | |
zen_mode_spec.js | Loading commit data... |