uikit 3.15.15-dev.22c796ea4 → 3.15.15-dev.492ccd2ec

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.15-dev.22c796ea4",
+    "version": "3.15.15-dev.492ccd2ec",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/images/components/navbar-toggle-icon.svg

@@ -3,7 +3,7 @@
 
         .uk-navbar-toggle-animate svg > [class*='line-'] {
             transition: 0.2s ease-in-out;
-            transition-property: transform, opacity,;
+            transition-property: transform, opacity;
             transform-origin: center;
             opacity: 1;
         }

package/src/js/components/parallax.js

@@ -1,7 +1,7 @@
 import Resize from '../mixin/resize';
 import Scroll from '../mixin/scroll';
 import Parallax from '../mixin/parallax';
-import { css, parent, query, scrolledOver, toPx } from 'uikit-util';
+import { css, isVisible, parent, query, scrolledOver, toPx } from 'uikit-util';
 
 export default {
     mixins: [Parallax, Resize, Scroll],
@@ -41,12 +41,20 @@ export default {
         },
     },
 
+    resizeTargets() {
+        return [this.$el, this.target];
+    },
+
     update: {
         read({ percent }, types) {
             if (!types.has('scroll')) {
                 percent = false;
             }
 
+            if (!isVisible(this.$el)) {
+                return false;
+            }
+
             if (!this.matchMedia) {
                 return;
             }

package/src/js/core/drop.js

@@ -1,7 +1,6 @@
 import Container from '../mixin/container';
 import Lazyload from '../mixin/lazyload';
 import Position from '../mixin/position';
-import Style from '../mixin/style';
 import Togglable from '../mixin/togglable';
 import {
     addClass,
@@ -35,7 +34,7 @@ import { isSameSiteAnchor, preventBackgroundScroll, preventOverscroll } from '..
 export let active;
 
 export default {
-    mixins: [Container, Lazyload, Position, Style, Togglable],
+    mixins: [Container, Lazyload, Position, Togglable],
 
     args: 'pos',
 
@@ -116,6 +115,8 @@ export default {
             attr(this.targetEl, 'aria-haspopup', true);
             this.lazyload(this.targetEl);
         }
+
+        this._style = (({ width, height }) => ({ width, height }))(this.$el.style);
     },
 
     disconnected() {
@@ -123,6 +124,7 @@ export default {
             this.hide(false);
             active = null;
         }
+        css(this.$el, this._style);
     },
 
     events: [
@@ -424,7 +426,7 @@ export default {
 
         position() {
             removeClass(this.$el, `${this.clsDrop}-stack`);
-            attr(this.$el, 'style', this._style);
+            css(this.$el, this._style);
 
             // Ensure none positioned element does not generate scrollbars
             this.$el.hidden = true;

package/src/js/util/position.js

@@ -1,3 +1,4 @@
+import { css } from './style';
 import { within } from './filter';
 import { offset } from './dimensions';
 import { clamp, isArray, ucfirst } from './lang';
@@ -152,11 +153,18 @@ function getViewport(element, target, viewportOffset, boundary, i) {
 }
 
 function getScrollArea(element, target, viewportOffset, i) {
-    const [prop, , start, end] = dirs[i];
+    const [prop, axis, start, end] = dirs[i];
     const [scrollElement] = commonScrollParents(element, target);
     const viewport = offsetViewport(scrollElement);
-    viewport[start] -= scrollElement[`scroll${ucfirst(start)}`] - viewportOffset;
-    viewport[end] = viewport[start] + scrollElement[`scroll${ucfirst(prop)}`] - viewportOffset;
+
+    if (['auto', 'scroll'].includes(css(scrollElement, `overflow-${axis}`))) {
+        viewport[start] -= scrollElement[`scroll${ucfirst(start)}`];
+        viewport[end] = scrollElement[`scroll${ucfirst(prop)}`];
+    }
+
+    viewport[start] += viewportOffset;
+    viewport[end] -= viewportOffset;
+
     return viewport;
 }
 

package/src/js/mixin/style.js

@@ -1,11 +0,0 @@
-import { attr } from 'uikit-util';
-
-export default {
-    beforeConnect() {
-        this._style = attr(this.$el, 'style');
-    },
-
-    disconnected() {
-        attr(this.$el, 'style', this._style);
-    },
-};