diff --git a/src/components/image-editor/useImageCanvasViewportControls.ts b/src/components/image-editor/useImageCanvasViewportControls.ts index 6487a5881..80f79afcd 100644 --- a/src/components/image-editor/useImageCanvasViewportControls.ts +++ b/src/components/image-editor/useImageCanvasViewportControls.ts @@ -9,9 +9,7 @@ import { useState, } from 'react'; -import { - DEFAULT_CANVAS_SIZE, -} from './ImageCanvasEditorModel'; +import { DEFAULT_CANVAS_SIZE } from './ImageCanvasEditorModel'; import type { CanvasLayer, CanvasViewport, @@ -64,9 +62,7 @@ function prefersReducedCanvasMotion() { function isCanvasWheelInteractionTarget(target: EventTarget | null) { return ( target instanceof Element && - target.closest( - 'input, textarea, select, [contenteditable="true"]', - ) !== null + target.closest('input, textarea, select, [contenteditable="true"]') !== null ); } @@ -107,11 +103,11 @@ export function useImageCanvasViewportControls({ const setViewport = useCallback>>( (nextViewport) => { cancelViewportAnimation(); - const resolvedViewport = - typeof nextViewport === 'function' - ? nextViewport(viewportRef.current) - : nextViewport; - viewportRef.current = resolvedViewport; + const resolvedViewport = + typeof nextViewport === 'function' + ? nextViewport(viewportRef.current) + : nextViewport; + viewportRef.current = resolvedViewport; setViewportState(resolvedViewport); }, [cancelViewportAnimation],