#923: remove autoSelectFirst for screenreader

it-at-m · May 27, 2024 · 2262d0b · 2262d0b
1 parent 8bed61e
commit 2262d0b
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/digiwf-apps/packages/apps/digiwf-tasklist/src/components/schema/VMultiUserInput.vue b/digiwf-apps/packages/apps/digiwf-tasklist/src/components/schema/VMultiUserInput.vue
@@ -3,6 +3,7 @@
     <v-autocomplete
       v-model="selectedUsers"
       :aria-required="isRequired()"
+      :auto-select-first="autoSelectFirst"
       :class="[isReadonly() ? 'userInputReadonly' : 'userInput']"
       :disabled="disabled"
       :filter="filterUsers"
@@ -12,7 +13,6 @@
       :readonly="isReadonly()"
       :rules="rules ? rules : true"
       :search-input.sync="searchText"
-      auto-select-first
       chips
       hide-no-data
       item-text="username"
@@ -97,11 +97,12 @@
 
 <script lang="ts">
 import {UserTO} from "@muenchen/digiwf-engine-api-internal";
-import {defineComponent, PropType, ref, watch} from "vue";
+import {computed, defineComponent, PropType, ref, watch} from "vue";
 
 import {callGetUserById, callGetUserByUsername, callSearchUser,} from "../../api/user/userApiCalls";
 import {mucatarURL} from "../../constants";
 import {checkRequired} from "./validation/required";
+import {useAccessibility} from "../../store/modules/accessibility";
 
 export interface OnProperty {
   input: (value: any) => void;
@@ -176,6 +177,10 @@ export default defineComponent({
     const errorMessage = ref("");
     const lastSearch = ref("");
 
+    const a11YNotificationEnabled = useAccessibility().a11YNotificationEnabled;
+
+    const autoSelectFirst = computed(() => !a11YNotificationEnabled());
+
     watch(searchText, (newValue) => {
       searchUsersBySearchString(newValue);
     });
@@ -279,6 +284,7 @@ export default defineComponent({
     }
 
     return {
+      autoSelectFirst,
       resetInput,
       change,
       getFullName,