uikit 3.15.5 → 3.15.6-dev.13ff682af

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.5",
+    "version": "3.15.6-dev.13ff682af",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/core/drop.js

@@ -30,7 +30,7 @@ import {
     scrollParents,
     within,
 } from 'uikit-util';
-import { preventBackgroundScroll, preventOverscroll } from '../mixin/modal';
+import { isSameSiteAnchor, preventBackgroundScroll, preventOverscroll } from '../mixin/modal';
 
 export let active;
 
@@ -143,11 +143,17 @@ export default {
             name: 'click',
 
             delegate() {
-                return 'a[href^="#"]';
+                return 'a[href*="#"]';
             },
 
-            handler({ defaultPrevented, current: { hash } }) {
-                if (!defaultPrevented && hash && !within(hash, this.$el)) {
+            handler({ defaultPrevented, current }) {
+                const { hash } = current;
+                if (
+                    !defaultPrevented &&
+                    hash &&
+                    isSameSiteAnchor(current) &&
+                    !within(hash, this.$el)
+                ) {
                     this.hide(false);
                 }
             },

package/src/js/core/offcanvas.js

@@ -79,20 +79,6 @@ export default {
     },
 
     events: [
-        {
-            name: 'click',
-
-            delegate() {
-                return 'a[href^="#"]';
-            },
-
-            handler({ current: { hash }, defaultPrevented }) {
-                if (!defaultPrevented && hash && $(hash, document.body)) {
-                    this.hide();
-                }
-            },
-        },
-
         {
             name: 'touchmove',
 

package/src/js/core/scrollspy-nav.js

@@ -11,6 +11,7 @@ import {
     trigger,
 } from 'uikit-util';
 import { getTargetElement } from './scroll';
+import { isSameSiteAnchor } from '../mixin/modal';
 
 export default {
     mixins: [Scroll],
@@ -34,7 +35,7 @@ export default {
     computed: {
         links: {
             get(_, $el) {
-                return $$('a[href^="#"]', $el).filter((el) => el.hash);
+                return $$('a[href*="#"]', $el).filter((el) => el.hash && isSameSiteAnchor(el));
             },
 
             watch(links) {

package/src/js/core/switcher.js

@@ -12,6 +12,7 @@ import {
     getIndex,
     hasClass,
     matches,
+    observeMutation,
     queryAll,
     ready,
     toggleClass,
@@ -51,11 +52,22 @@ export default {
                     css(connects, 'touchAction', 'pan-y pinch-zoom');
                 }
 
-                const index = this.index();
-                this.connects.forEach((el) => {
-                    children(el).forEach((child, i) => toggleClass(child, this.cls, i === index));
-                    this.lazyload(this.$el, children(el));
-                });
+                this._observer?.disconnect();
+                this.registerObserver(
+                    (this._observer = observeMutation(
+                        connects,
+                        (records) => {
+                            const index = this.index();
+                            for (const { target: el } of records) {
+                                children(el).forEach((child, i) =>
+                                    toggleClass(child, this.cls, i === index)
+                                );
+                                this.lazyload(this.$el, children(el));
+                            }
+                        },
+                        { childList: true }
+                    ))
+                );
             },
 
             immediate: true,

package/src/js/mixin/modal.js

@@ -81,6 +81,27 @@ export default {
             },
         },
 
+        {
+            name: 'click',
+
+            delegate() {
+                return 'a[href*="#"]';
+            },
+
+            handler({ current, defaultPrevented }) {
+                const { hash } = current;
+                if (
+                    !defaultPrevented &&
+                    hash &&
+                    isSameSiteAnchor(current) &&
+                    !within(hash, this.$el) &&
+                    $(hash, document.body)
+                ) {
+                    this.hide();
+                }
+            },
+        },
+
         {
             name: 'toggle',
 
@@ -361,3 +382,7 @@ function filterChildren(el, fn) {
     });
     return children;
 }
+
+export function isSameSiteAnchor(a) {
+    return ['origin', 'pathname', 'search'].every((part) => a[part] === location[part]);
+}

package/src/js/mixin/slider-drag.js

@@ -9,6 +9,7 @@ import {
     off,
     on,
     selInput,
+    toNodes,
     trigger,
 } from 'uikit-util';
 
@@ -52,7 +53,7 @@ export default {
             handler(e) {
                 if (
                     !this.draggable ||
-                    (!isTouch(e) && hasTextNodesOnly(e.target)) ||
+                    (!isTouch(e) && hasSelectableText(e.target)) ||
                     closest(e.target, selInput) ||
                     e.button > 0 ||
                     this.length < 2
@@ -221,6 +222,9 @@ export default {
     },
 };
 
-function hasTextNodesOnly(el) {
-    return !el.children.length && el.childNodes.length;
+function hasSelectableText(el) {
+    return (
+        css(el, 'userSelect') !== 'none' &&
+        toNodes(el.childNodes).some((el) => el.nodeType === 3 && el.textContent.trim())
+    );
 }