@linear_non/stellar-libs 1.2.5 → 1.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-libs",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "Reusable JavaScript libraries for Non-Linear Studio projects.",
   "main": "src/index.js",
   "type": "module",

package/src/Sticky/index.js

@@ -5,13 +5,14 @@ import { kitStore } from "@linear_non/stellar-kit"
 
 export default class Sticky {
   constructor(obj) {
-    const { el, sticky, container, isSmooth, onUpdateCallback } = obj
+    const { el, sticky, container, frame, isSmooth, onUpdateCallback } = obj
 
     this.el = el
     this.sticky = sticky
     this.isSticky = false
     this.isSmooth = isSmooth
     this.container = container
+    this.frame = frame || null
     this.progress = 0
     this.total = 0
     this.positionX = 0
@@ -97,13 +98,34 @@ export default class Sticky {
   resize() {
     if (!this.sticky) return
 
-    // Get the viewport height dynamically instead of using store
     const vh = window.innerHeight
-    const vw = window.innerWidth
-    let stickyRect = bounds(this.el)
-    let containerRect = this.container ? bounds(this.container) : null
-    this.config.totalWidth = containerRect ? this.snap(containerRect.width - vw) : 0
+
+    const stickyRect = bounds(this.el)
+
+    // HEIGHT (same as you have)
     this.config.totalHeight = this.snap(stickyRect.height - vh)
+
+    // WIDTH (fix)
+    if (!this.container) {
+      this.config.totalWidth = 0
+      return
+    }
+
+    const frameEl = this.frame || this.container.parentElement
+    const frameRect = frameEl ? bounds(frameEl) : { width: window.innerWidth }
+
+    let padL = 0
+    let padR = 0
+    if (frameEl) {
+      const cs = getComputedStyle(frameEl)
+      padL = parseFloat(cs.paddingLeft) || 0
+      padR = parseFloat(cs.paddingRight) || 0
+    }
+
+    const visibleContentWidth = Math.max(0, frameRect.width - padL - padR)
+    const totalContentWidth = this.container.scrollWidth || bounds(this.container).width
+
+    this.config.totalWidth = this.snap(Math.max(0, totalContentWidth - visibleContentWidth))
   }
 
   destroy() {