[PR #3575] [MERGED] Multi select keyboard navigation #4019

Closed
opened 2026-04-25 00:18:00 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/3575
Author: @glorenzen
Created: 10/31/2024
Status: Merged
Merged: 12/25/2024
Merged by: @advplyr

Base: masterHead: multi-select-keyboard-navigation


📝 Commits (9)

  • ae9efe6 Add keyboard focus to MultiSelectQueryInput edit and close
  • e55db0a Add focus and enter key support to the add button in MultiSelectQueryInput
  • a0b3960 Fix enter key and focus for edit modal
  • 588def6 Merge branch 'advplyr:master' into multi-select-keyboard-navigation
  • 0812e18 Add keyboard input to MultiSelect component
  • 27c9381 Merge branch 'master' into multi-select-keyboard-navigation
  • 13f73cc Merge branch 'master' into multi-select-keyboard-navigation
  • e1c41e4 Accessibility update edit modal tabs
  • 7073f17 Accessibility update for multi select inputs and edit series modal

📊 Changes

4 files changed (+42 additions, -28 deletions)

View changed files

📝 client/components/modals/EditSeriesInputInnerModal.vue (+3 -3)
📝 client/components/modals/item/EditModal.vue (+9 -9)
📝 client/components/ui/MultiSelect.vue (+15 -8)
📝 client/components/ui/MultiSelectQueryInput.vue (+15 -8)

📄 Description

This adds some updates to the MultiSelectQueryInput component to allow for better navigation with a keyboard. I plan to add similar updates to the MultiSelectDropdown as well.

Related issue: #3444


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/3575 **Author:** [@glorenzen](https://github.com/glorenzen) **Created:** 10/31/2024 **Status:** ✅ Merged **Merged:** 12/25/2024 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `multi-select-keyboard-navigation` --- ### 📝 Commits (9) - [`ae9efe6`](https://github.com/advplyr/audiobookshelf/commit/ae9efe63596493be6413650586725b881a24e6d2) Add keyboard focus to MultiSelectQueryInput edit and close - [`e55db0a`](https://github.com/advplyr/audiobookshelf/commit/e55db0afdca634b4a0b9e4fafbb9bdf519c6b029) Add focus and enter key support to the add button in MultiSelectQueryInput - [`a0b3960`](https://github.com/advplyr/audiobookshelf/commit/a0b3960ee416ffd641e257b487171cc3a54817ab) Fix enter key and focus for edit modal - [`588def6`](https://github.com/advplyr/audiobookshelf/commit/588def6d33c10b5ccd1ee6a4c445ac9a0d30b610) Merge branch 'advplyr:master' into multi-select-keyboard-navigation - [`0812e18`](https://github.com/advplyr/audiobookshelf/commit/0812e189f74cb0cf176acf7924fb3b91a419a093) Add keyboard input to MultiSelect component - [`27c9381`](https://github.com/advplyr/audiobookshelf/commit/27c9381e1d7f8f8da65718edbf518c838e71745c) Merge branch 'master' into multi-select-keyboard-navigation - [`13f73cc`](https://github.com/advplyr/audiobookshelf/commit/13f73cc79d431ea894bd81e48c20624086bb0e16) Merge branch 'master' into multi-select-keyboard-navigation - [`e1c41e4`](https://github.com/advplyr/audiobookshelf/commit/e1c41e4e5853aadee43fb1dd55aab7815c4319d7) Accessibility update edit modal tabs - [`7073f17`](https://github.com/advplyr/audiobookshelf/commit/7073f17ccae4f8655ce9353e19f7e3ce92ec14d1) Accessibility update for multi select inputs and edit series modal ### 📊 Changes **4 files changed** (+42 additions, -28 deletions) <details> <summary>View changed files</summary> 📝 `client/components/modals/EditSeriesInputInnerModal.vue` (+3 -3) 📝 `client/components/modals/item/EditModal.vue` (+9 -9) 📝 `client/components/ui/MultiSelect.vue` (+15 -8) 📝 `client/components/ui/MultiSelectQueryInput.vue` (+15 -8) </details> ### 📄 Description This adds some updates to the MultiSelectQueryInput component to allow for better navigation with a keyboard. I plan to add similar updates to the MultiSelectDropdown as well. Related issue: #3444 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:18:00 +02:00
adam closed this issue 2026-04-25 00:18:00 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#4019