From 8250d80d4be2bedc7c48237c741eb078330c816d Mon Sep 17 00:00:00 2001
From: Xmader <xmader@outlook.com>
Date: Thu, 7 Jan 2021 02:38:06 -0500
Subject: [PATCH] fix: btns position relative to the entire document instead of
 viewport

---
 src/btn.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/btn.ts b/src/btn.ts
index 2e4ecc7..b9d882e 100644
--- a/src/btn.ts
+++ b/src/btn.ts
@@ -113,9 +113,12 @@ export class BtnList {
   }
 
   private _positionBtns (anchorDiv: HTMLDivElement, newParent: HTMLDivElement) {
-    const { top } = anchorDiv.getBoundingClientRect()
+    let { top } = anchorDiv.getBoundingClientRect()
+    top += window.scrollY // relative to the entire document instead of viewport
     if (top > 0) {
       newParent.style.top = `${top}px`
+    } else {
+      newParent.style.top = '0px'
     }
   }
 
@@ -140,7 +143,6 @@ export class BtnList {
       const anchorDiv = this.getBtnParent()
       const pos = () => this._positionBtns(anchorDiv, newParent)
       pos()
-      document.addEventListener('readystatechange', pos, { passive: true })
 
       // reposition btns when window resizes
       window.addEventListener('resize', pos, { passive: true })