From e484ef3e9c7e1273fda82db011cce3508021f1b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Mon, 19 Sep 2022 15:53:04 +0200
Subject: Focus sharing multiselect by refs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
---
 src/components/AppNavigation/CalendarShare.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/AppNavigation/CalendarShare.vue b/src/components/AppNavigation/CalendarShare.vue
index d0eb24ad..d3229720 100644
--- a/src/components/AppNavigation/CalendarShare.vue
+++ b/src/components/AppNavigation/CalendarShare.vue
@@ -30,7 +30,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 	<div class="calendar-shares">
 		<ul>
 			<li class="app-navigation-entry__multiselect">
-				<NcMultiselect id="users-groups-search"
+				<NcMultiselect ref="multiselect"
 					:options="usersOrGroups"
 					:searchable="true"
 					:internal-search="false"
@@ -101,7 +101,7 @@ export default {
 	},
 	mounted() {
 		// This ensures that the multiselect input is in focus as soon as the user clicks share
-		document.getElementById('users-groups-search').focus()
+		this.$refs.multiselect?.focus?.()
 	},
 	methods: {
 		/**
-- 
cgit v1.2.3