From a0664ecb298118929c07f8c0bd46179f60cc0188 Mon Sep 17 00:00:00 2001 From: kolaente Date: Mon, 18 Jan 2021 21:33:21 +0100 Subject: [PATCH] Fix multiselect on mobile --- src/components/input/multiselect.vue | 5 +++++ src/styles/components/labels.scss | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/src/components/input/multiselect.vue b/src/components/input/multiselect.vue index 5fd082300..2e908b26d 100644 --- a/src/components/input/multiselect.vue +++ b/src/components/input/multiselect.vue @@ -205,6 +205,11 @@ export default { methods: { // Searching will be triggered with a 200ms delay to avoid searching on every keyup event. search() { + + // Updating the query with a binding does not work on mobile for some reason, + // getting the value manual does. + this.query = this.$refs.searchInput.value + if (this.searchTimeout !== null) { clearTimeout(this.searchTimeout) this.searchTimeout = null diff --git a/src/styles/components/labels.scss b/src/styles/components/labels.scss index 0ff50bb95..f851be5e5 100644 --- a/src/styles/components/labels.scss +++ b/src/styles/components/labels.scss @@ -15,8 +15,13 @@ } } } + + .multiselect .tag { + margin: 0 0 0 .5rem; + } } .tasks .task span.tag span { width: auto; } +