uikit 3.16.25-dev.eeed10ecc → 3.16.25-dev.f69668a71

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.16.25-dev.eeed10ecc",
+  "version": "3.16.25-dev.f69668a71",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/api/observables.js

@@ -15,6 +15,7 @@ import {
     pointerDown,
     pointerUp,
     removeAttr,
+    scrollParent,
     toNodes,
     trigger,
 } from 'uikit-util';
@@ -58,15 +59,12 @@ export function viewport() {
 export function scroll(options) {
     return observe(
         (target, handler) => ({
-            disconnect: on(target, 'scroll', handler, {
+            disconnect: on(toScrollTargets(target), 'scroll', handler, {
                 passive: true,
                 capture: true,
             }),
         }),
-        {
-            target: () => document,
-            ...options,
-        },
+        options,
         'scroll',
     );
 }
@@ -126,3 +124,11 @@ function swipeDirection(x1, y1, x2, y2) {
         ? 'Up'
         : 'Down';
 }
+
+function toScrollTargets(elements) {
+    return toNodes(elements).map((node) => {
+        const { ownerDocument } = node;
+        const parent = scrollParent(node, true);
+        return parent === ownerDocument.scrollingElement ? ownerDocument : parent;
+    });
+}

package/src/js/components/parallax.js

@@ -41,9 +41,9 @@ export default {
     },
 
     observe: [
-        resize({ target: ({ $el, target }) => [$el, target, scrollParent(target, true)] }),
-        scroll(),
         viewport(),
+        scroll({ target: ({ target }) => target }),
+        resize({ target: ({ $el, target }) => [$el, target, scrollParent(target, true)] }),
     ],
 
     update: {

package/src/js/core/sticky.js

@@ -98,9 +98,9 @@ export default {
     },
 
     observe: [
-        resize({ target: ({ $el }) => [$el, document.scrollingElement] }),
         viewport(),
-        scroll(),
+        scroll({ target: () => document.scrollingElement }),
+        resize({ target: ({ $el }) => [$el, document.scrollingElement] }),
     ],
 
     events: [

package/src/js/core/toggle.js

@@ -96,7 +96,9 @@ export default {
         },
 
         {
-            name: `${pointerEnter} ${pointerLeave} focus blur`,
+            // mouseenter mouseleave are added because of Firefox bug,
+            // where pointerleave is triggered immediately after pointerenter on scroll
+            name: `mouseenter mouseleave ${pointerEnter} ${pointerLeave} focus blur`,
 
             filter() {
                 return includes(this.mode, 'hover');
@@ -107,14 +109,14 @@ export default {
                     return;
                 }
 
-                const show = includes([pointerEnter, 'focus'], e.type);
+                const show = includes(['mouseenter', pointerEnter, 'focus'], e.type);
                 const expanded = this.isToggled(this.target);
 
                 // Skip hide if still hovered or focused
                 if (
                     !show &&
                     (!isBoolean(this._showState) ||
-                        (e.type === pointerLeave && matches(this.$el, ':focus')) ||
+                        (e.type !== 'blur' && matches(this.$el, ':focus')) ||
                         (e.type === 'blur' && matches(this.$el, ':hover')))
                 ) {
                     // Reset showState if already hidden

package/src/js/mixin/parallax.js

@@ -4,7 +4,6 @@ import {
     css,
     Dimensions,
     findIndex,
-    isNumber,
     isString,
     isUndefined,
     noop,
@@ -100,7 +99,7 @@ function transformFn(prop, el, stops) {
     } else if (prop === 'scale') {
         unit = '';
         transformFn = (stop) =>
-            getUnit([stop]) ? toPx(stop, 'width', el, true) / el.offsetWidth : stop;
+            getUnit([stop]) ? toPx(stop, 'width', el, true) / el.offsetWidth : toFloat(stop);
     }
 
     if (stops.length === 1) {
@@ -358,10 +357,10 @@ function getStop(stops, percent) {
 
 function getValue(stops, percent) {
     const [start, end, p] = getStop(stops, percent);
-    return isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end;
+    return start + Math.abs(start - end) * p * (start < end ? 1 : -1);
 }
 
-const unitRe = /^-?\d+(\S+)?/;
+const unitRe = /^-?\d+(?:\.\d+)?(\S+)?/;
 function getUnit(stops, defaultUnit) {
     for (const stop of stops) {
         const match = stop.match?.(unitRe);