fix(vtkMouseBoxSelectorManipulator.applyStyleToDiv): rectangle position

Fixed a problem with rectangle rendering. It didn't render to right
position if container is having margins or page is scrolled. This fix
closes issue #2177.

Author: ahojukka5

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`;
   }