From d8df13a12c3fd5ebeb43f09a7ab0fe582f371ce3 Mon Sep 17 00:00:00 2001
From: Eric Rosenbaum <eric.rosenbaum@gmail.com>
Date: Wed, 24 Jul 2019 17:02:54 -0400
Subject: [PATCH] Prevent selection from moving when handles cross over
---
src/components/audio-trimmer/audio-trimmer.css | 8 ++++----
src/containers/audio-selector.jsx | 4 +++-
2 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/src/components/audio-trimmer/audio-trimmer.css b/src/components/audio-trimmer/audio-trimmer.css
index bfb27c677..f3ce9fa42 100644
--- a/src/components/audio-trimmer/audio-trimmer.css
+++ b/src/components/audio-trimmer/audio-trimmer.css
@@ -94,19 +94,19 @@ $hover-scale: 1.25;
}
.selector .left-handle {
- left: 0
+ left: -1px
}
.selector .right-handle {
- right: 0
+ right: -1px
}
.trimmer .left-handle {
- right: 0
+ right: -1px
}
.trimmer .right-handle {
- left: 0
+ left: -1px
}
.trim-handle {
diff --git a/src/containers/audio-selector.jsx b/src/containers/audio-selector.jsx
index e3eaf3ab3..2d5974d5c 100644
--- a/src/containers/audio-selector.jsx
+++ b/src/containers/audio-selector.jsx
@@ -75,7 +75,8 @@ class AudioSelector extends React.Component {
});
} else {
this.setState({
- trimStart: newTrim
+ trimStart: newTrim,
+ trimEnd: this.initialTrimEnd
});
}
}
@@ -89,6 +90,7 @@ class AudioSelector extends React.Component {
});
} else {
this.setState({
+ trimStart: this.initialTrimStart,
trimEnd: newTrim
});
}
--
GitLab