fix(a11y): add task input label

This commit is contained in:
kolaente 2025-01-22 10:35:44 +01:00
parent b69cf6ed42
commit 70cce5f74a
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 9 additions and 0 deletions

View File

@ -5,7 +5,14 @@
>
<div class="add-task__field field is-grouped">
<p class="control has-icons-left has-icons-right is-expanded">
<label
class="tw-sr-only"
:for="textareaId"
>
{{ $t('project.list.addPlaceholder') }}
</label>
<textarea
:id="textareaId"
ref="newTaskInput"
v-model="newTaskTitle"
v-focus
@ -78,6 +85,8 @@ const props = withDefaults(defineProps<{
const emit = defineEmits(['taskAdded'])
const textareaId = computed(() => `task-add-textarea-${Math.random().toString(36).substr(2, 9)}`)
const newTaskTitle = ref('')
const {textarea: newTaskInput} = useAutoHeightTextarea(newTaskTitle)