Fix sidebar swipe flicker after letting go

This commit is contained in:
Pavel Djundik 2022-12-23 10:50:20 +02:00
parent 073a38ef1e
commit 502780c5a3

View file

@ -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,6 +199,12 @@ export default defineComponent({
store.commit("sidebarDragging", false);
touchStartPos.value = null;
touchCurPos.value = null;
touchStartTime.value = 0;
menuIsMoving.value = false;
void nextTick(() => {
if (sidebar.value) {
sidebar.value.style.transform = "";
}
@ -206,11 +212,7 @@ export default defineComponent({
if (props.overlay) {
props.overlay.style.opacity = "";
}
touchStartPos.value = null;
touchCurPos.value = null;
touchStartTime.value = 0;
menuIsMoving.value = false;
});
};
const onTouchStart = (e: TouchEvent) => {