butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix dragging of bottom sheet

Browse source
This commit is contained in:
N-Pex 2022-04-26 13:53:46 +02:00
parent abfb446d90
commit 80e5482d9a
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/BottomSheet.vue
View file

@ -48,6 +48,7 @@ export default {
mc: null, mc: null,
y: 0, y: 0,
startY: 0, startY: 0,
startYCoord: 0,
isMove: false, isMove: false,
state: this.defaultState, state: this.defaultState,
rect: {}, rect: {},
@ -65,14 +66,20 @@ export default {
const self = this; const self = this;
this.mc.on("panup pandown", (evt) => { this.mc.on("panup pandown", (evt) => {
self.y = evt.center.y - 16; self.y = self.startYCoord - (self.startY - evt.center.y);
}); });
this.mc.on("panstart", (evt) => { this.mc.on("panstart", (evt) => {
self.startY = evt.center.y; self.startY = evt.center.y;
self.startYCoord = this.calcY();
self.isMove = true; self.isMove = true;
}); });
this.mc.on("pancancel", (ignoredEvt) => {
self.y = self.startYCoord;
self.isMove = false;
});
this.mc.on("panend", (evt) => { this.mc.on("panend", (evt) => {
self.isMove = false; self.isMove = false;