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>
<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) => {