xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: wheel zooming in timeline tracks content

Browse Source
This commit is contained in:
GeorgeCaoJ
2025-06-24 17:22:05 +08:00
parent 503e738617
commit 5bba941dbc
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/components/editor/timeline.tsx
View File

@ -482,7 +482,8 @@ export function Timeline() {
// Prevent explorer zooming in/out when in timeline // Prevent explorer zooming in/out when in timeline
useEffect(() => { useEffect(() => {
const preventZoom = (e: WheelEvent) => { const preventZoom = (e: WheelEvent) => {
if (isInTimeline && (e.ctrlKey || e.metaKey)) { // if (isInTimeline && (e.ctrlKey || e.metaKey)) {
if (isInTimeline && (e.ctrlKey || e.metaKey) && timelineRef.current?.contains(e.target as Node)) {
e.preventDefault(); e.preventDefault();
} }
}; };
@ -825,7 +826,6 @@ export function Timeline() {
}} }}
onClick={handleTimelineAreaClick} onClick={handleTimelineAreaClick}
onMouseDown={handleTimelineMouseDown} onMouseDown={handleTimelineMouseDown}
onWheel={handleWheel}
> >
{tracks.length === 0 ? ( {tracks.length === 0 ? (
<div className="absolute inset-0 flex items-center justify-center"> <div className="absolute inset-0 flex items-center justify-center">