profectus/Profectus-Demo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Made most touch events passive

Browse source
This commit is contained in:
thepaperpilot 2022-05-02 21:10:18 -05:00
parent 2c14b2193d
commit b82bf8eee3
5 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/features/boards/Board.vue
View file

@ -19,7 +19,7 @@
@mousedown="(e: MouseEvent) => mouseDown(e)" @mousedown="(e: MouseEvent) => mouseDown(e)"
@touchstart="(e: TouchEvent) => mouseDown(e)" @touchstart="(e: TouchEvent) => mouseDown(e)"
@mouseup="() => endDragging(dragging)" @mouseup="() => endDragging(dragging)"
@touchend="() => endDragging(dragging)" @touchend.passive="() => endDragging(dragging)"
@mouseleave="() => endDragging(dragging)" @mouseleave="() => endDragging(dragging)"
> >
<svg class="stage" width="100%" height="100%"> <svg class="stage" width="100%" height="100%">

4
src/features/boards/BoardNode.vue
View file

@ -46,9 +46,9 @@
@mouseenter="isHovering = true" @mouseenter="isHovering = true"
@mouseleave="isHovering = false" @mouseleave="isHovering = false"
@mousedown="mouseDown" @mousedown="mouseDown"
@touchstart="mouseDown" @touchstart.passive="mouseDown"
@mouseup="mouseUp" @mouseup="mouseUp"
@touchend="mouseUp" @touchend.passive="mouseUp"
> >
<g v-if="shape === Shape.Circle"> <g v-if="shape === Shape.Circle">
<circle <circle

6
src/features/clickables/Clickable.vue
View file

@ -9,9 +9,9 @@
@mousedown="start" @mousedown="start"
@mouseleave="stop" @mouseleave="stop"
@mouseup="stop" @mouseup="stop"
@touchstart="start" @touchstart.passive="start"
@touchend="stop" @touchend.passive="stop"
@touchcancel="stop" @touchcancel.passive="stop"
:class="{ :class="{
feature: true, feature: true,
clickable: true, clickable: true,

6
src/features/grids/GridCell.vue
View file

@ -12,9 +12,9 @@
@mousedown="start" @mousedown="start"
@mouseleave="stop" @mouseleave="stop"
@mouseup="stop" @mouseup="stop"
@touchstart="start" @touchstart.passive="start"
@touchend="stop" @touchend.passive="stop"
@touchcancel="stop" @touchcancel.passive="stop"
> >
<div v-if="title"><component :is="titleComponent" /></div> <div v-if="title"><component :is="titleComponent" /></div>
<component :is="component" style="white-space: pre-line" /> <component :is="component" style="white-space: pre-line" />

6
src/features/trees/TreeNode.vue
View file

@ -11,9 +11,9 @@
@mousedown="start" @mousedown="start"
@mouseleave="stop" @mouseleave="stop"
@mouseup="stop" @mouseup="stop"
@touchstart="start" @touchstart.passive="start"
@touchend="stop" @touchend.passive="stop"
@touchcancel="stop" @touchcancel.passive="stop"
> >
<div <div
:style="[ :style="[