uikit 3.21.5-dev.ed4adca92 → 3.21.6-dev.6f62fc2a0

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.5-dev.ed4adca92",
+  "version": "3.21.6-dev.6f62fc2a0",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/dropnav.js

@@ -9,6 +9,7 @@ import {
     hasClass,
     height,
     includes,
+    isInput,
     isRtl,
     matches,
     noop,
@@ -172,9 +173,9 @@ export default {
             delegate: ({ clsDrop }) => `.${clsDrop}`,
 
             handler(e) {
-                const { current, keyCode } = e;
+                const { current, keyCode, target } = e;
 
-                if (!includes(this.dropdowns, current)) {
+                if (isInput(target) || !includes(this.dropdowns, current)) {
                     return;
                 }
 

package/src/js/core/height-viewport.js

@@ -6,7 +6,7 @@ import {
     isNumeric,
     isString,
     isVisible,
-    offsetPosition,
+    offset,
     offsetViewport,
     query,
     scrollParent,
@@ -64,8 +64,7 @@ export default {
                     if (isScrollingElement) {
                         const offsetTopEl =
                             this.offsetTop === true ? this.$el : query(this.offsetTop, this.$el);
-                        const top =
-                            offsetPosition(offsetTopEl)[0] - offsetPosition(scrollElement)[0];
+                        const { top } = offset(offsetTopEl);
                         minHeight += top > 0 && top < viewportHeight / 2 ? ` - ${top}px` : '';
                     } else {
                         minHeight += ` - ${boxModelAdjust(scrollElement, 'height', css(scrollElement, 'boxSizing'))}px`;

package/src/js/core/icon.js

@@ -25,8 +25,8 @@ import overlayIcon from '../../images/components/overlay-icon.svg';
 import paginationNext from '../../images/components/pagination-next.svg';
 import paginationPrevious from '../../images/components/pagination-previous.svg';
 import searchIcon from '../../images/components/search-icon.svg';
-import searchMedium from '../../images/components/search-medium.svg';
 import searchLarge from '../../images/components/search-large.svg';
+import searchMedium from '../../images/components/search-medium.svg';
 import slidenavNextLarge from '../../images/components/slidenav-next-large.svg';
 import slidenavNext from '../../images/components/slidenav-next.svg';
 import slidenavPreviousLarge from '../../images/components/slidenav-previous-large.svg';

package/src/js/core/sticky.js

@@ -147,7 +147,7 @@ export default {
     update: [
         {
             read({ height, width, margin, sticky }, types) {
-                this.inactive = !this.matchMedia || !isVisible(this.$el);
+                this.inactive = !this.matchMedia || !isVisible(this.$el) || !this.$el.offsetHeight;
 
                 if (this.inactive) {
                     return;

package/src/js/util/player.js

@@ -1,6 +1,6 @@
 import { isTag } from './dom';
 import { once } from './event';
-import { includes } from './lang';
+import { includes, noop } from './lang';
 
 export function play(el) {
     if (isIFrame(el)) {
@@ -8,7 +8,7 @@ export function play(el) {
     }
 
     if (isHTML5(el)) {
-        el.play();
+        el.play().catch(noop);
     }
 }
 

package/src/js/util/svg.js

@@ -3,6 +3,8 @@ import { isVisible } from './filter.js';
 
 export function getMaxPathLength(el) {
     return isVisible(el)
-        ? Math.ceil(Math.max(0, ...$$('[stroke]', el).map((stroke) => stroke.getTotalLength())))
+        ? Math.ceil(
+              Math.max(0, ...$$('[stroke]', el).map((stroke) => stroke.getTotalLength?.() || 0)),
+          )
         : 0;
 }