diff --git a/src/containers/audio-trimmer.jsx b/src/containers/audio-trimmer.jsx index f4ba1be3c..9cf6e38f1 100644 --- a/src/containers/audio-trimmer.jsx +++ b/src/containers/audio-trimmer.jsx @@ -4,6 +4,8 @@ import bindAll from 'lodash.bindall'; import AudioTrimmerComponent from '../components/audio-trimmer/audio-trimmer.jsx'; import {getEventXY} from '../lib/touch-utils'; +const MIN_LENGTH = 0.01; // Used to stop sounds being trimmed smaller than 1% + class AudioTrimmer extends React.Component { constructor (props) { super(props); @@ -20,14 +22,14 @@ class AudioTrimmer extends React.Component { handleTrimStartMouseMove (e) { const containerSize = this.containerElement.getBoundingClientRect().width; const dx = (getEventXY(e).x - this.initialX) / containerSize; - const newTrim = Math.max(0, Math.min(this.props.trimEnd, this.initialTrim + dx)); + const newTrim = Math.max(0, Math.min(this.props.trimEnd - MIN_LENGTH, this.initialTrim + dx)); this.props.onSetTrimStart(newTrim); e.preventDefault(); } handleTrimEndMouseMove (e) { const containerSize = this.containerElement.getBoundingClientRect().width; const dx = (getEventXY(e).x - this.initialX) / containerSize; - const newTrim = Math.min(1, Math.max(this.props.trimStart, this.initialTrim + dx)); + const newTrim = Math.min(1, Math.max(this.props.trimStart + MIN_LENGTH, this.initialTrim + dx)); this.props.onSetTrimEnd(newTrim); e.preventDefault(); }