From 07c86113040ebbeb95ccace6ba8a6808a29f13fb Mon Sep 17 00:00:00 2001 From: Sam Date: Wed, 17 Jan 2024 11:31:43 +0100 Subject: [PATCH 1/4] Client - handle keyboard navigation on timezone selection in preferences --- .../User/ProfileEdition/TimezoneDropdown.vue | 82 ++++++++++++++++--- fittrackee_client/src/locales/en/user.json | 2 +- fittrackee_client/src/locales/fr/user.json | 2 +- 3 files changed, 71 insertions(+), 15 deletions(-) diff --git a/fittrackee_client/src/components/User/ProfileEdition/TimezoneDropdown.vue b/fittrackee_client/src/components/User/ProfileEdition/TimezoneDropdown.vue index 4a5d5259..066983a1 100644 --- a/fittrackee_client/src/components/User/ProfileEdition/TimezoneDropdown.vue +++ b/fittrackee_client/src/components/User/ProfileEdition/TimezoneDropdown.vue @@ -7,19 +7,35 @@ :value="timezone" :disabled="disabled" required - @keydown.esc="onUpdateTimezone(input)" + role="combobox" + aria-autocomplete="list" + aria-controls="tz-dropdown-list" + :aria-expanded="isOpen" + @keydown.esc="cancelUpdate()" @keydown.enter="onEnter" @input="openDropdown" + @blur="closeDropdown()" + @keydown.down="onKeyDown()" + @keydown.up="onKeyUp()" /> -