uikit 3.7.5 → 3.7.6-dev.865ef7bfe

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.7.5",
+  "version": "3.7.6-dev.865ef7bfe",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/drop.js

@@ -1,7 +1,7 @@
 import Container from '../mixin/container';
 import Position from '../mixin/position';
 import Togglable from '../mixin/togglable';
-import {addClass, append, apply, css, hasClass, includes, isTouch, MouseTracker, offset, on, once, parent, pointerCancel, pointerDown, pointerEnter, pointerLeave, pointerUp, query, removeClass, toggleClass, within} from 'uikit-util';
+import {addClass, append, apply, css, hasClass, includes, isTouch, matches, MouseTracker, offset, on, once, parent, pointerCancel, pointerDown, pointerEnter, pointerLeave, pointerUp, query, removeClass, toggleClass, within} from 'uikit-util';
 
 export let active;
 
@@ -156,15 +156,16 @@ export default {
 
             handler(e) {
                 e.preventDefault();
-                this.hide();
+                if (!matches(this.$el, ':focus,:hover')) {
+                    this.hide();
+                }
             }
 
         },
 
         {
 
-            // click fires after blur in toggle
-            name: `${pointerEnter} focusin click`,
+            name: `${pointerEnter} focusin`,
 
             filter() {
                 return includes(this.mode, 'hover');

package/tests/drop.html

@@ -88,7 +88,7 @@
 
                 <div class="uk-inline">
                     <button class="uk-button uk-button-default" type="button">Hover only</button>
-                    <div uk-drop="mode: hover">
+                    <div uk-drop="mode: hover; delay-hide: 0">
                         <div class="uk-card uk-card-body uk-card-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
                     </div>
                 </div>