Prevent selection from moving when handles cross over

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 {

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
             });
         }