uikit 3.9.5-dev.630197adb → 3.9.5-dev.68c425657

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.9.5-dev.630197adb",
+  "version": "3.9.5-dev.68c425657",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/img.js

@@ -2,7 +2,10 @@ import {attr, children, createEvent, css, data, Dimensions, escape, getImage, in
 
 export default {
 
+    args: 'dataSrc',
+
     props: {
+        dataSrc: String,
         width: Number,
         height: Number,
         offsetTop: String,
@@ -11,6 +14,7 @@ export default {
     },
 
     data: {
+        dataSrc: '',
         width: false,
         height: false,
         offsetTop: '50vh',
@@ -20,16 +24,8 @@ export default {
 
     computed: {
 
-        cacheKey() {
-            return `${this.$name}.${data(this.$el, 'data-src')}`;
-        },
-
-        width({width, dataWidth}) {
-            return width || dataWidth;
-        },
-
-        height({height, dataHeight}) {
-            return height || dataHeight;
+        cacheKey({dataSrc}) {
+            return `${this.$name}.${dataSrc}`;
         },
 
         target: {
@@ -127,7 +123,7 @@ export default {
                 return;
             }
 
-            this._data.image = getImageFromElement(this.$el).then(img => {
+            this._data.image = getImageFromElement(this.$el, this.dataSrc).then(img => {
 
                 setSrcAttrs(this.$el, currentSrc(img));
                 storage[this.cacheKey] = currentSrc(img);
@@ -161,6 +157,7 @@ function setSrcAttrs(el, src) {
                 }
             })
         );
+        attr(el, 'src', src);
     } else if (src) {
 
         const change = !includes(el.style.backgroundImage, src);
@@ -201,10 +198,15 @@ function sizesToPixel(sizes) {
     return matches || '100vw';
 }
 
-function getImageFromElement(el) {
+function getImageFromElement(el, src) {
     const parentNode = parent(el);
+
+    if (!src) {
+        return Promise.reject(createEvent('error', false));
+    }
+
     if (!isPicture(parentNode)) {
-        return getImage(...srcProps.map(prop => data(el, prop)));
+        return getImage(src, ...srcProps.slice(1).map(prop => data(el, prop)));
     }
 
     return new Promise((resolve, reject) => {

package/src/js/core/sticky.js

@@ -1,6 +1,6 @@
 import Class from '../mixin/class';
 import Media from '../mixin/media';
-import {$, addClass, after, Animation, assign, css, dimensions, fastdom, hasClass, isNumeric, isString, isVisible, noop, offset, offsetPosition, parent, query, remove, removeClass, replaceClass, scrollTop, toFloat, toggleClass, toPx, trigger, within} from 'uikit-util';
+import {$, addClass, after, Animation, assign, css, dimensions, fastdom, height as getHeight, hasClass, isNumeric, isString, isVisible, noop, offset, offsetPosition, parent, query, remove, removeClass, replaceClass, scrollTop, toFloat, toggleClass, toPx, trigger, within} from 'uikit-util';
 
 export default {
 
@@ -146,6 +146,11 @@ export default {
 
                 height = !this.isActive ? this.$el.offsetHeight : height;
 
+                if (height + this.offset > getHeight(window)) {
+                    this.inactive = true;
+                    return false;
+                }
+
                 const referenceElement = this.isFixed ? this.placeholder : this.$el;
                 this.topOffset = offset(referenceElement).top;
                 this.bottomOffset = this.topOffset + height;

package/src/less/components/utility.less

@@ -242,6 +242,12 @@
     max-width: none;
 }
 
+/*
+ * Fix initial iframe width. Without the viewport is expanded on iOS devices
+ */
+
+[uk-responsive] { max-width: 100%; }
+
 
 /* Border
  ========================================================================== */

package/src/scss/components/utility.scss

@@ -242,6 +242,12 @@ $dragover-box-shadow:                            0 0 20px rgba(100,100,100,0.3)
     max-width: none;
 }
 
+/*
+ * Fix initial iframe width. Without the viewport is expanded on iOS devices
+ */
+
+[uk-responsive] { max-width: 100%; }
+
 
 /* Border
  ========================================================================== */