From 79a819989f6f09c7ea41df5ece3e4baf3f114b09 Mon Sep 17 00:00:00 2001
From: Eric Rosenbaum <eric.rosenbaum@gmail.com>
Date: Wed, 24 Jul 2019 11:22:25 -0400
Subject: [PATCH] Prevent img drag and select issues
---
src/components/audio-trimmer/audio-trimmer.css | 1 +
src/containers/audio-selector.jsx | 4 ++++
2 files changed, 5 insertions(+)
diff --git a/src/components/audio-trimmer/audio-trimmer.css b/src/components/audio-trimmer/audio-trimmer.css
index dd3b5e9a2..bfb27c677 100644
--- a/src/components/audio-trimmer/audio-trimmer.css
+++ b/src/components/audio-trimmer/audio-trimmer.css
@@ -114,6 +114,7 @@ $hover-scale: 1.25;
width: $trim-handle-width;
height: $trim-handle-height;
right: 0;
+ user-select: none;
}
.trimmer .trim-handle {
diff --git a/src/containers/audio-selector.jsx b/src/containers/audio-selector.jsx
index 7f2b1e2b2..e3eaf3ab3 100644
--- a/src/containers/audio-selector.jsx
+++ b/src/containers/audio-selector.jsx
@@ -62,6 +62,8 @@ class AudioSelector extends React.Component {
this.containerSize = width;
this.trimEndDragRecognizer.start(e);
+
+ e.preventDefault();
}
handleTrimStartMouseMove (currentOffset, initialOffset) {
const dx = (currentOffset.x - initialOffset.x) / this.containerSize;
@@ -113,6 +115,7 @@ class AudioSelector extends React.Component {
this.initialTrimStart = this.props.trimStart;
this.initialTrimEnd = this.props.trimEnd;
e.stopPropagation();
+ e.preventDefault();
}
handleTrimEndMouseDown (e) {
this.containerSize = this.containerElement.getBoundingClientRect().width;
@@ -120,6 +123,7 @@ class AudioSelector extends React.Component {
this.initialTrimEnd = this.props.trimEnd;
this.initialTrimStart = this.props.trimStart;
e.stopPropagation();
+ e.preventDefault();
}
storeRef (el) {
this.containerElement = el;
--
GitLab