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

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
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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