uikit 3.21.12-dev.fa1221b2e → 3.21.13-dev.a32f3f510

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.12-dev.fa1221b2e",
+  "version": "3.21.13-dev.a32f3f510",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/components/filter.js

@@ -138,10 +138,14 @@ function isEqualState(stateA, stateB) {
 }
 
 function applyState(state, target, children) {
-    const selector = Object.values(state.filter).join('');
-
     for (const el of children) {
-        css(el, 'display', selector && !matches(el, selector) ? 'none' : '');
+        css(
+            el,
+            'display',
+            Object.values(state.filter).every((selector) => !selector || matches(el, selector))
+                ? ''
+                : 'none',
+        );
     }
 
     const [sort, order] = state.sort;

package/src/js/core/sticky.js

@@ -154,6 +154,17 @@ export default {
                     return;
                 }
 
+                const dynamicViewport = getHeight(window);
+                const maxScrollHeight = Math.max(
+                    0,
+                    document.scrollingElement.scrollHeight - dynamicViewport,
+                );
+
+                if (!maxScrollHeight) {
+                    this.inactive = true;
+                    return;
+                }
+
                 const hide = this.isFixed && types.has('update');
                 if (hide) {
                     preventTransition(this.target);
@@ -170,11 +181,6 @@ export default {
                 }
 
                 const viewport = toPx('100vh', 'height');
-                const dynamicViewport = getHeight(window);
-                const maxScrollHeight = Math.max(
-                    0,
-                    document.scrollingElement.scrollHeight - viewport,
-                );
 
                 let position = this.position;
                 if (this.overflowFlip && height > viewport) {
@@ -210,7 +216,6 @@ export default {
                           );
 
                 sticky =
-                    maxScrollHeight &&
                     !this.showOnUp &&
                     start + offset === topOffset &&
                     end ===

package/src/js/core/video.js

@@ -78,11 +78,13 @@ export default {
 
     observe: [
         intersection({
-            filter: ({ $el, autoplay }) => autoplay && autoplay !== 'hover' && isVideo($el),
+            filter: ({ $el, autoplay }) => autoplay !== 'hover' && isVideo($el),
             handler([{ isIntersecting }]) {
                 if (!document.fullscreenElement) {
                     if (isIntersecting) {
-                        play(this.$el);
+                        if (this.autoplay) {
+                            play(this.$el);
+                        }
                     } else {
                         pause(this.$el);
                     }

package/src/js/util/viewport.js

@@ -88,8 +88,14 @@ export function scrollIntoView(element, { offset: offsetBy = 0 } = {}) {
                         dimensions(getCoveringElement(targetEl)).height;
                 }
 
+                if (css(element, 'scrollBehavior') !== 'auto') {
+                    css(element, 'scrollBehavior', 'auto');
+                }
+
                 element.scrollTop = scroll + (top + diff) * percent;
 
+                css(element, 'scrollBehavior', '');
+
                 // scroll more if we have not reached our destination
                 // if element changes position during scroll try another step
                 if (percent === 1 && (prev === diff || !frames--)) {