supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Fix sidebar swipe flicker after letting go

Browse Source
This commit is contained in:
Pavel Djundik 2022-12-23 10:50:20 +02:00
parent 073a38ef1e
commit 502780c5a3
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/components/Sidebar.vue
View File

@ -90,7 +90,7 @@
</template> </template>
<script lang="ts"> <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 {useRoute} from "vue-router";
import {useStore} from "../js/store"; import {useStore} from "../js/store";
import NetworkList from "./NetworkList.vue"; import NetworkList from "./NetworkList.vue";
@ -199,6 +199,12 @@ export default defineComponent({
store.commit("sidebarDragging", false); store.commit("sidebarDragging", false);
touchStartPos.value = null;
touchCurPos.value = null;
touchStartTime.value = 0;
menuIsMoving.value = false;
void nextTick(() => {
if (sidebar.value) { if (sidebar.value) {
sidebar.value.style.transform = ""; sidebar.value.style.transform = "";
} }
@ -206,11 +212,7 @@ export default defineComponent({
if (props.overlay) { if (props.overlay) {
props.overlay.style.opacity = ""; props.overlay.style.opacity = "";
} }
});
touchStartPos.value = null;
touchCurPos.value = null;
touchStartTime.value = 0;
menuIsMoving.value = false;
}; };
const onTouchStart = (e: TouchEvent) => { const onTouchStart = (e: TouchEvent) => {