From 502780c5a3e3455d977d8873506f1be51946fa68 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Fri, 23 Dec 2022 10:50:20 +0200
Subject: [PATCH] Fix sidebar swipe flicker after letting go

---
 client/components/Sidebar.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/client/components/Sidebar.vue b/client/components/Sidebar.vue
index 787c7400..bc6abfbd 100644
--- a/client/components/Sidebar.vue
+++ b/client/components/Sidebar.vue
@@ -90,7 +90,7 @@
 </template>
 
 <script lang="ts">
-import {defineComponent, onMounted, onUnmounted, PropType, ref} from "vue";
+import {defineComponent, nextTick, onMounted, onUnmounted, PropType, ref} from "vue";
 import {useRoute} from "vue-router";
 import {useStore} from "../js/store";
 import NetworkList from "./NetworkList.vue";
@@ -199,18 +199,20 @@ export default defineComponent({
 
 			store.commit("sidebarDragging", false);
 
-			if (sidebar.value) {
-				sidebar.value.style.transform = "";
-			}
-
-			if (props.overlay) {
-				props.overlay.style.opacity = "";
-			}
-
 			touchStartPos.value = null;
 			touchCurPos.value = null;
 			touchStartTime.value = 0;
 			menuIsMoving.value = false;
+
+			void nextTick(() => {
+				if (sidebar.value) {
+					sidebar.value.style.transform = "";
+				}
+
+				if (props.overlay) {
+					props.overlay.style.opacity = "";
+				}
+			});
 		};
 
 		const onTouchStart = (e: TouchEvent) => {