fix spyglass out of window (#275)

* fix spyglass out of window * fix style eslint * style fix eslint Co-authored-by: Gautam Mishra <mishra.gautam96@gmail.com>
camicroscope · Mar 31, 2020 · bb58a8f · bb58a8f
1 parent 7d74b5a
commit bb58a8f
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/spyglass/spyglass.js b/components/spyglass/spyglass.js
@@ -160,12 +160,14 @@ Spyglass.prototype.setPosition = function(pos) {
   }
   // check top edge
   if (this.elt.offsetTop < 0) {
-    this.elt.style.left = `${pos.x - this.elt.offsetWidth*0.5}px`;
+    this.elt.style.left = `${Math.min(Math.max(0, pos.x - this.elt.offsetWidth*0.5),
+        this.elt.offsetParent.offsetWidth - this.elt.offsetWidth)}px`;
     this.elt.style.top = `${pos.y + this.elt.offsetHeight*0.5}px`;
   }
   // check bottom edge
   if (this.elt.offsetTop + this.elt.offsetHeight > this.elt.offsetParent.offsetHeight) {
-    this.elt.style.left = `${pos.x - this.elt.offsetWidth*0.5}px`;
+    this.elt.style.left = `${Math.min(Math.max(0, pos.x - this.elt.offsetWidth*0.5),
+        this.elt.offsetParent.offsetWidth - this.elt.offsetWidth)}px`;
     this.elt.style.top = `${pos.y - this.elt.offsetHeight*1.5}px`;
   }
 };