pixel-perfect: scroll-selector attr

denisavitski · Jan 16, 2025 · 5c24daf · 5c24daf
1 parent 05ca9e3
commit 5c24daf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.51.6",
+  "version": "0.51.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"

diff --git a/src/components/packages/pixel-perfect/index.ts b/src/components/packages/pixel-perfect/index.ts
@@ -73,7 +73,13 @@ export class PixelPerfectElement extends HTMLElement {
   }
 
   protected connectedCallback() {
-    this.#scrollParentElement = findScrollParentElement(this)
+    const scrollSelector = this.getAttribute('scroll-selector')
+
+    if (scrollSelector) {
+      this.#scrollParentElement = document.querySelector(scrollSelector)
+    } else {
+      this.#scrollParentElement = findScrollParentElement(this)
+    }
 
     this.#scrollParentElement?.addEventListener('scroll', this.#scrollListener)