Offset rbox by window scroll, because getBoundingClientRect changes when window is...

As per https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect "If this is not the desired behaviour just add the current scrolling position to the top and left property (via window.scrollX and window.scrollY) to get constant values independent from the current scrolling position."

diff --git a/src/rbox.js b/src/rbox.js
index 30779a4e558a02903ede225792e5649755bcc939..54e08cb79a600838b99268cb7761c5dbeeba8382 100755 (executable)
--- a/src/rbox.js
+++ b/src/rbox.js
@@ -46,6 +46,10 @@ SVG.RBox = function(element) {
   this.width  = box.width  /= zoom
   this.height = box.height /= zoom
   
+  /* offset by window scroll position, because getBoundingClientRect changes when window is scrolled */
+  this.x += window.scrollX;
+  this.y += window.scrollY;
+
   /* add center, right and bottom */
   boxProperties(this)
   
@@ -69,4 +73,4 @@ SVG.extend(SVG.RBox, {
     return b
   }
 
-})
\ No newline at end of file
+})