uikit 3.21.4 → 3.21.5-dev.01bdc7f0a

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.4",
+  "version": "3.21.5-dev.01bdc7f0a",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/util/scroll.js

@@ -3,41 +3,46 @@ import { css, getEventPos, matches, on, once, scrollParents, width } from 'uikit
 let prevented;
 export function preventBackgroundScroll(el) {
     // 'overscroll-behavior: contain' only works consistently if el overflows (Safari)
-    const off = on(el, 'touchstart', (e) => {
-        if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) {
-            return;
-        }
-
-        let prev = getEventPos(e).y;
-
-        const offMove = on(
-            el,
-            'touchmove',
-            (e) => {
-                const pos = getEventPos(e).y;
-                if (pos === prev) {
-                    return;
-                }
-                prev = pos;
-
-                if (
-                    !scrollParents(e.target).some((scrollParent) => {
-                        if (!el.contains(scrollParent)) {
-                            return false;
-                        }
-
-                        let { scrollHeight, clientHeight } = scrollParent;
-                        return clientHeight < scrollHeight;
-                    })
-                ) {
-                    e.preventDefault();
-                }
-            },
-            { passive: false },
-        );
-
-        once(el, 'scroll touchend touchcanel', offMove, { capture: true });
-    });
+    const off = on(
+        el,
+        'touchstart',
+        (e) => {
+            if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) {
+                return;
+            }
+
+            let prev = getEventPos(e).y;
+
+            const offMove = on(
+                el,
+                'touchmove',
+                (e) => {
+                    const pos = getEventPos(e).y;
+                    if (pos === prev) {
+                        return;
+                    }
+                    prev = pos;
+
+                    if (
+                        !scrollParents(e.target).some((scrollParent) => {
+                            if (!el.contains(scrollParent)) {
+                                return false;
+                            }
+
+                            let { scrollHeight, clientHeight } = scrollParent;
+                            return clientHeight < scrollHeight;
+                        })
+                    ) {
+                        e.preventDefault();
+                    }
+                },
+                { passive: false },
+            );
+
+            once(el, 'scroll touchend touchcanel', offMove, { capture: true });
+        },
+        { passive: true },
+    );
 
     if (prevented) {
         return off;