ami/tl-vikunja
1
0
Fork 0
Code

fix(task): focusing on assignee search field when activating it

Browse Source
This commit is contained in:
kolaente 2022-10-23 15:27:29 +02:00
parent d7fb1a1e14
commit 820823b5c3
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 21 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/tasks/partials/editAssignees.vue
View File

@ -1,8 +1,4 @@
<template> <template>
<div
tabindex="-1"
@focus="focus"
>
<Multiselect <Multiselect
:loading="listUserService.loading" :loading="listUserService.loading"
:placeholder="$t('task.assignee.placeholder')" :placeholder="$t('task.assignee.placeholder')"
@ -13,7 +9,7 @@
label="name" label="name"
:select-placeholder="$t('task.assignee.selectPlaceholder')" :select-placeholder="$t('task.assignee.selectPlaceholder')"
v-model="assignees" v-model="assignees"
ref="multiselect" ref="userSearchInputRef"
> >
<template #tag="{item: user}"> <template #tag="{item: user}">
<span class="assignee"> <span class="assignee">
@ -24,7 +20,6 @@
</span> </span>
</template> </template>
</Multiselect> </Multiselect>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -130,12 +125,6 @@ async function findUser(query: string) {
function clearAllFoundUsers() { function clearAllFoundUsers() {
foundUsers.value = [] foundUsers.value = []
} }
const multiselect = ref()
function focus() {
multiselect.value.focus()
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>