Merge pull request #2180 from ahojukka5/ahojukka5/fix-mouse-box-selector-manipulator

fix(vtkMouseBoxSelectorManipulator.applyStyleToDiv): rectangle position

Author: floryst

Sources/Interaction/Manipulators/MouseBoxSelectorManipulator/index.js

@@ -51,10 +51,12 @@ function vtkMouseBoxSelectionManipulator(publicAPI, model) {
       return;
     }
     const [viewWidth, viewHeight] = view.getSize();
-    const { width, height } = container.getBoundingClientRect();
+    const { width, height, top, left } = container.getBoundingClientRect();
     const [xMin, xMax, yMin, yMax] = getBounds();
-    div.style.left = `${(width * xMin) / viewWidth}px`;
-    div.style.top = `${height - (height * yMax) / viewHeight}px`;
+    const xShift = left + window.scrollX;
+    const yShift = top + window.scrollY;
+    div.style.left = `${xShift + (width * xMin) / viewWidth}px`;
+    div.style.top = `${yShift + height - (height * yMax) / viewHeight}px`;
     div.style.width = `${(width * (xMax - xMin)) / viewWidth}px`;
     div.style.height = `${(height * (yMax - yMin)) / viewHeight}px`;
   }