github/motion-canvas
1
1
Fork 0
mirror of https://github.com/motion-canvas/motion-canvas.git synced 2026-01-11 14:57:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: range middle-click expansion

Browse Source
This commit is contained in:
aarthificial
2022-05-19 00:34:10 +02:00
parent cc74edfa9a
commit 1c0b7243cf
1 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/timeline/RangeTrack.tsx
View File

@@ -14,19 +14,13 @@ export function RangeTrack() {
const [end, setEnd] = useState(state.endFrame);
const onDrop = useCallback(() => {
const correctedStart = Math.max(0, Math.floor(start));
const correctedEnd =
end >= state.duration
? Infinity
: Math.min(state.duration, Math.floor(end));
setStart(correctedStart);
setEnd(correctedEnd);
player.updateState({
startFrame: correctedStart,
endFrame: correctedEnd,
startFrame: Math.max(0, Math.floor(start)),
endFrame: end >= state.duration
? Infinity
: Math.min(state.duration, Math.floor(end)),
});
}, [start, end]);
}, [start, end, state.duration]);
const [handleDragStart] = useDrag(
useCallback(
@@ -78,8 +72,10 @@ export function RangeTrack() {
onMouseDown={event => {
if (event.button === 1) {
event.preventDefault();
setStart(0);
setEnd(Infinity);
player.updateState({
startFrame: 0,
endFrame: Infinity,
});
} else {
handleDrag(event);
}