aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/animationtimeline/TimelineOverview.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/animationtimeline/TimelineOverview.tsx')
-rw-r--r--src/client/views/animationtimeline/TimelineOverview.tsx6
1 files changed, 6 insertions, 0 deletions
diff --git a/src/client/views/animationtimeline/TimelineOverview.tsx b/src/client/views/animationtimeline/TimelineOverview.tsx
index 4fdf1381e..38b823cbc 100644
--- a/src/client/views/animationtimeline/TimelineOverview.tsx
+++ b/src/client/views/animationtimeline/TimelineOverview.tsx
@@ -25,6 +25,8 @@ export class TimelineOverview extends React.Component<TimelineOverviewProps>{
@action
onPointerDown = (e:React.PointerEvent) => {
+ e.stopPropagation();
+ e.preventDefault();
document.removeEventListener("pointermove", this.onPanX);
document.removeEventListener("pointerup", this.onPointerUp);
document.addEventListener("pointermove", this.onPanX);
@@ -33,12 +35,16 @@ export class TimelineOverview extends React.Component<TimelineOverviewProps>{
@action
onPanX = (e: PointerEvent) => {
+ e.stopPropagation();
+ e.preventDefault();
let movX = (this.props.visibleStart / this.props.totalLength)* (this.DEFAULT_WIDTH * this.props.scale) + e.movementX;
this.props.movePanX((movX / (this.DEFAULT_WIDTH * this.props.scale)) * this.props.totalLength);
}
@action
onPointerUp = (e: PointerEvent) => {
+ e.stopPropagation();
+ e.preventDefault();
document.removeEventListener("pointermove", this.onPanX);
document.removeEventListener("pointerup", this.onPointerUp);
}