fix(a11y): add task input label
This commit is contained in:
parent
b69cf6ed42
commit
70cce5f74a
|
|
@ -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)
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue