diff --git a/addons/isl/src/stackEdit/ui/StackEditSubTree.tsx b/addons/isl/src/stackEdit/ui/StackEditSubTree.tsx index 19b9250b57..a0db75eb5f 100644 --- a/addons/isl/src/stackEdit/ui/StackEditSubTree.tsx +++ b/addons/isl/src/stackEdit/ui/StackEditSubTree.tsx @@ -25,6 +25,7 @@ import {is} from 'immutable'; import {useRef, useState} from 'react'; import {Icon} from 'shared/Icon'; import {unwrap} from 'shared/utils'; +import {getZoomLevel} from 'shared/zoom'; import './StackEditSubTree.css'; @@ -61,13 +62,15 @@ export function StackEditSubTree(props: ActivateSplitProps): React.ReactElement setReorderState(state); }; + const zoom = getZoomLevel(); + return (x, y, isDragging) => { // Visual update. const draggingDiv = draggingDivRef.current; if (draggingDiv != null) { if (isDragging) { Object.assign(draggingDiv.style, { - transform: `translate(${x}px, calc(-50% + ${y}px))`, + transform: `translate(${x / zoom}px, calc(-50% + ${y / zoom}px))`, opacity: '1', }); } else { diff --git a/addons/shared/zoom.tsx b/addons/shared/zoom.tsx index 8ea7e10a88..4d732a934b 100644 --- a/addons/shared/zoom.tsx +++ b/addons/shared/zoom.tsx @@ -17,6 +17,7 @@ export function getZoomLevel(): number { if (isNaN(number)) { return 1; } + return number; } catch {} return 1; }