uikit 3.21.5-dev.ed4adca92 → 3.21.6-dev.4d6c5e2f9

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.4d6c5e2f9",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/drop.js

@@ -29,7 +29,7 @@ import {
     removeClass,
 } from 'uikit-util';
 import Container from '../mixin/container';
-import Position from '../mixin/position';
+import Position, { storeScrollPosition } from '../mixin/position';
 import Togglable from '../mixin/togglable';
 import { keyMap } from '../util/keys';
 import { preventBackgroundScroll } from '../util/scroll';
@@ -375,6 +375,8 @@ export default {
         },
 
         position() {
+            const restoreScrollPosition = storeScrollPosition(this.$el);
+
             removeClass(this.$el, 'uk-drop-stack');
             css(this.$el, this._style);
 
@@ -439,6 +441,8 @@ export default {
                     this.positionAt(this.$el, this.target, this.boundary);
                 }
             }
+
+            restoreScrollPosition();
         },
     },
 };

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/scrollspy-nav.js

@@ -27,7 +27,7 @@ export default {
         cls: 'uk-active',
         closest: false,
         scroll: false,
-        target: 'a[href]',
+        target: 'a[href]:not([role="button"])',
         offset: 0,
     },
 

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',
                 );
@@ -147,7 +148,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;
@@ -214,7 +215,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 +457,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 +485,11 @@ function preventTransition(element) {
         requestAnimationFrame(() => removeClass(element, clsTransitionDisable));
     }
 }
+
+function getVisibleParent(element) {
+    while ((element = parent(element))) {
+        if (isVisible(element)) {
+            return element;
+        }
+    }
+}

package/src/js/mixin/position.js

@@ -95,7 +95,7 @@ export default {
     },
 };
 
-function storeScrollPosition(element) {
+export function storeScrollPosition(element) {
     const scrollElement = scrollParent(element);
     const { scrollTop } = scrollElement;
 

package/src/js/util/dom.js

@@ -98,9 +98,8 @@ export function apply(node, fn) {
     fn(node);
     node = node.firstElementChild;
     while (node) {
-        const next = node.nextElementSibling;
         apply(node, fn);
-        node = next;
+        node = node.nextElementSibling;
     }
 }
 

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;
 }

package/tests/js/index.js

@@ -38,7 +38,7 @@ storage[keyinverse] = storage[keyinverse] || '';
 const dir = storage._uikit_dir || 'ltr';
 
 // set dir
-document.documentElement.dir = dir;
+document.dir = dir;
 
 const style = styles[storage[key]] || styles.theme;