uikit 3.21.3 → 3.21.4-dev.a85e33edd

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.3",
+  "version": "3.21.4-dev.a85e33edd",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/drop.js

@@ -1,9 +1,9 @@
 import {
     $,
+    $$,
     MouseTracker,
     addClass,
     append,
-    apply,
     attr,
     css,
     hasClass,
@@ -321,7 +321,7 @@ export default {
             }
 
             if (active) {
-                if (delay && active.isDelaying) {
+                if (delay && active.isDelaying()) {
                     this.showTimer = setTimeout(() => matches(target, ':hover') && this.show(), 10);
                     return;
                 }
@@ -349,11 +349,8 @@ export default {
             this.clearTimers();
 
             this.isDelayedHide = delay;
-            this.isDelaying = getPositionedElements(this.$el).some((el) =>
-                this.tracker.movesTo(el),
-            );
 
-            if (delay && this.isDelaying) {
+            if (delay && this.isDelaying()) {
                 this.hideTimer = setTimeout(this.hide, 50);
             } else if (delay && this.delayHide) {
                 this.hideTimer = setTimeout(hide, this.delayHide);
@@ -367,13 +364,16 @@ export default {
             clearTimeout(this.hideTimer);
             this.showTimer = null;
             this.hideTimer = null;
-            this.isDelaying = false;
         },
 
         isActive() {
             return active === this;
         },
 
+        isDelaying() {
+            return [this.$el, ...$$('.uk-drop', this.$el)].some((el) => this.tracker.movesTo(el));
+        },
+
         position() {
             removeClass(this.$el, 'uk-drop-stack');
             css(this.$el, this._style);
@@ -443,12 +443,6 @@ export default {
     },
 };
 
-function getPositionedElements(el) {
-    const result = [];
-    apply(el, (el) => css(el, 'position') !== 'static' && result.push(el));
-    return result;
-}
-
 function getViewport(el, target) {
     return offsetViewport(overflowParents(target).find((parent) => parent.contains(el)));
 }

package/src/js/core/dropnav.js

@@ -137,7 +137,7 @@ export default {
                     includes(active.mode, 'hover') &&
                     active.targetEl &&
                     !current.contains(active.targetEl) &&
-                    !active.isDelaying
+                    !active.isDelaying()
                 ) {
                     active.hide(false);
                 }