Fix sidebar swipe flicker after letting go
This commit is contained in:
parent
073a38ef1e
commit
502780c5a3
@ -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) => {
|
||||||
|
Loading…
Reference in New Issue
Block a user