diff options
| -rw-r--r-- | src/shadow.js | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/shadow.js b/src/shadow.js index e36affa..be7eb9c 100644 --- a/src/shadow.js +++ b/src/shadow.js @@ -51,10 +51,27 @@ export default class Shadow { * ============ */ + updateOriginalPosition() { + const rect = this.original.getBoundingClientRect(); + this.originalPosition = { + top: rect.top + window.scrollY + config.offset.y, + left: rect.left + window.scrollX + config.offset.x, + width: rect.width, + height: rect.height, + }; + } + open() { this.isOpen = true; this.element.classList.add('open'); + // Update original position before animation in case viewport changed + this.updateOriginalPosition(); + this.element.style.top = `${this.originalPosition.top}px`; + this.element.style.left = `${this.originalPosition.left}px`; + this.element.style.width = `${this.originalPosition.width}px`; + this.element.style.height = `${this.originalPosition.height}px`; + this.original.style.visibility = 'hidden'; if (!document.body.contains(this.element)) this.placeItself(); |