uikit 3.21.6-dev.6f62fc2a0 → 3.21.6-dev.8cf944953

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.21.6-dev.6f62fc2a0",
+  "version": "3.21.6-dev.8cf944953",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/sticky.js

@@ -100,10 +100,11 @@ export default {
         viewport(),
         scroll({ target: () => document.scrollingElement }),
         resize({
-            target: ({ $el }) => [$el, parent($el), document.scrollingElement],
+            target: ({ $el }) => [$el, getVisibleParent($el), document.scrollingElement],
             handler(entries) {
                 this.$emit(
-                    this._data.resized && entries.some(({ target }) => target === parent(this.$el))
+                    this._data.resized &&
+                        entries.some(({ target }) => target === getVisibleParent(this.$el))
                         ? 'update'
                         : 'resize',
                 );
@@ -153,6 +154,8 @@ export default {
                     return;
                 }
 
+                console.log(this._uid, types, width);
+
                 const hide = this.isFixed && types.has('update');
                 if (hide) {
                     preventTransition(this.target);
@@ -214,7 +217,7 @@ export default {
                             maxScrollHeight,
                             parseProp(true, this.$el, 0, true) - elHeight - offset + overflow,
                         ) &&
-                    css(parent(this.$el), 'overflowY') === 'visible';
+                    css(getVisibleParent(this.$el), 'overflowY') === 'visible';
 
                 return {
                     start,
@@ -456,7 +459,7 @@ function parseProp(value, el, propOffset, padding) {
     if (isNumeric(value) || (isString(value) && value.match(/^-?\d/))) {
         return propOffset + toPx(value, 'height', el, true);
     } else {
-        const refElement = value === true ? parent(el) : query(value, el);
+        const refElement = value === true ? getVisibleParent(el) : query(value, el);
         return (
             getOffset(refElement).bottom -
             (padding && refElement?.contains(el) ? toFloat(css(refElement, 'paddingBottom')) : 0)
@@ -484,3 +487,11 @@ function preventTransition(element) {
         requestAnimationFrame(() => removeClass(element, clsTransitionDisable));
     }
 }
+
+function getVisibleParent(element) {
+    while ((element = parent(element))) {
+        if (isVisible(element)) {
+            return element;
+        }
+    }
+}