minor fix

public/js/apps/Dashboard/Fhc.js

@@ -233,10 +233,18 @@ const app = Vue.createApp({
 		renderers: null,
 	}),
 	components: {},
+	computed: {
+		isMobile() {
+			const smallScreen = window.matchMedia("(max-width: 767px)").matches;
+			const touchCapable = ("ontouchstart" in window) || navigator.maxTouchPoints > 0;
+			return smallScreen;// && touchCapable;
+		},
+	},
 	provide() {
 		return { // provide injectable & watchable language property
 			language: Vue.computed(() => this.$p.user_language),
 			renderers: Vue.computed(() => this.renderers),
+			isMobile: this.isMobile,
 		}	
 	},
 	methods: {

public/js/components/searchbar/searchbar.js

@@ -110,6 +110,8 @@ export default {
 			<div
 				:class="{'flex-grow-1': !isMobile, 'collapse multi-collapse collapse-horizontal': isMobile}"
 				id="header-searchbar-collapsible"
+				@[\`show.bs.collapse\`]="isSearchShownInMobileView = true"
+				@[\`hidden.bs.collapse\`]="isSearchShownInMobileView = false"
 			>
 				<div
 					:class="{open: showresult, closed: showresult, 'px-3': isMobile}"
@@ -251,17 +253,6 @@ export default {
 				"No origin defined in the searchoptions for the searchbar, please define the origin property in the searchbaroptions to allow reliable storage of searchstr and searchtypes accross applications.",
 			);
 		}
-
-		document
-			.getElementById("header-searchbar-collapsible")
-			.addEventListener("show.bs.collapse", (e) => {
-				this.isSearchShownInMobileView = true;
-			});
-		document
-			.getElementById("header-searchbar-collapsible")
-			.addEventListener("hidden.bs.collapse", (e) => {
-				this.isSearchShownInMobileView = false;
-			});
 	},
 	updated() {
 		if (this.showresult) {