ami/tl-vikunja
1
0
Fork 0
Code

feat(filter): add unique id to filter input

Browse Source
This commit is contained in:
kolaente 2024-03-18 12:13:29 +01:00
parent b8ff7910b0
commit 6e53bf4ebe
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/project/partials/FilterInput.vue
View File

@ -22,6 +22,7 @@ import {
} from '@/helpers/filters' } from '@/helpers/filters'
import {useDebounceFn} from '@vueuse/core' import {useDebounceFn} from '@vueuse/core'
import {useI18n} from 'vue-i18n' import {useI18n} from 'vue-i18n'
import {createRandomID} from '@/helpers/randomId'
const {t} = useI18n() const {t} = useI18n()
@ -43,6 +44,8 @@ const {
height, height,
} = useAutoHeightTextarea(filterQuery) } = useAutoHeightTextarea(filterQuery)
const id = ref(createRandomID())
watch( watch(
() => modelValue, () => modelValue,
() => { () => {
@ -253,6 +256,7 @@ const blurDebounced = useDebounceFn(() => emit('blur'), 500)
<div class="field"> <div class="field">
<label <label
class="label" class="label"
:for="id"
> >
{{ inputLabel ?? $t('filters.query.title') }} {{ inputLabel ?? $t('filters.query.title') }}
</label> </label>
@ -268,8 +272,8 @@ const blurDebounced = useDebounceFn(() => emit('blur'), 500)
<textarea <textarea
ref="filterInput" ref="filterInput"
v-model="filterQuery" v-model="filterQuery"
:id
autocomplete="off" autocomplete="off"
autocorrect="off" autocorrect="off"
autocapitalize="off" autocapitalize="off"
spellcheck="false" spellcheck="false"