uikit 3.15.15 → 3.15.16-dev.8230e5aaa

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.15.15",
+    "version": "3.15.16-dev.8230e5aaa",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/mixin/modal.js

@@ -9,6 +9,7 @@ import {
     includes,
     isFocusable,
     last,
+    matches,
     noop,
     on,
     once,
@@ -72,23 +73,11 @@ export default {
             name: 'click',
 
             delegate() {
-                return this.selClose;
+                return `${this.selClose},a[href*="#"]`;
             },
 
             handler(e) {
-                e.preventDefault();
-                this.hide();
-            },
-        },
-
-        {
-            name: 'click',
-
-            delegate() {
-                return 'a[href*="#"]';
-            },
-
-            handler({ current, defaultPrevented }) {
+                const { current, defaultPrevented } = e;
                 const { hash } = current;
                 if (
                     !defaultPrevented &&
@@ -98,6 +87,9 @@ export default {
                     $(hash, document.body)
                 ) {
                     this.hide();
+                } else if (matches(current, this.selClose)) {
+                    e.preventDefault();
+                    this.hide();
                 }
             },
         },

package/src/less/components/offcanvas.less

@@ -270,10 +270,15 @@
 /*
  * Prevent horizontal scrollbar when the content is slide-out
  * Has to be on the `html` element too to make it work on the `body`
+ * 1. `clip` is needed for `position: sticky` elements to keep their position
  */
 
 .uk-offcanvas-page,
-.uk-offcanvas-container { overflow-x: hidden; }
+.uk-offcanvas-container {
+    overflow-x: hidden;
+    /* 1 */
+    overflow-x: clip;
+}
 
 
 /* Container

package/src/scss/components/offcanvas.scss

@@ -270,10 +270,15 @@ $offcanvas-overlay-background:                   rgba(0,0,0,0.1) !default;
 /*
  * Prevent horizontal scrollbar when the content is slide-out
  * Has to be on the `html` element too to make it work on the `body`
+ * 1. `clip` is needed for `position: sticky` elements to keep their position
  */
 
 .uk-offcanvas-page,
-.uk-offcanvas-container { overflow-x: hidden; }
+.uk-offcanvas-container {
+    overflow-x: hidden;
+    /* 1 */
+    overflow-x: clip;
+}
 
 
 /* Container