quasar 1.22.4 → 1.22.5

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "1.22.4",
+  "version": "1.22.5",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "1.22.4",
+  "version": "1.22.5",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "module": "src/index.esm.js",
   "typings": "dist/types/index.d.ts",

package/src/components/dialog/QDialog.js

@@ -372,7 +372,7 @@ export default Vue.extend({
             staticClass: 'q-dialog__backdrop fixed-full',
             attrs: backdropAttrs,
             on: cache(this, 'bkdrop', {
-              [ this.$q.platform.is.ios === true ? 'click' : 'focusin' ]: this.__onBackdropClick
+              [ this.backdropEvt ]: this.__onBackdropClick
             })
           })
         ] : null),
@@ -395,6 +395,7 @@ export default Vue.extend({
   created () {
     this.__useTick('__registerTick', '__removeTick')
     this.__useTimeout('__registerTimeout')
+    this.backdropEvt = this.$q.platform.is.ios === true || this.$q.platform.is.safari ? 'click' : 'focusin'
   },
 
   mounted () {

package/src/components/infinite-scroll/QInfiniteScroll.js

@@ -44,6 +44,12 @@ export default Vue.extend({
     }
   },
 
+  computed: {
+    renderLoadingSlot () {
+      return this.disable !== true && this.isWorking === true
+    }
+  },
+
   watch: {
     disable (val) {
       if (val === true) { this.stop() }
@@ -62,6 +68,14 @@ export default Vue.extend({
 
     debounce (val) {
       this.__setDebounce(val)
+    },
+
+    isFetching () {
+      this.__updateSvgAnimations()
+    },
+
+    renderLoadingSlot () {
+      this.__updateSvgAnimations()
     }
   },
 
@@ -183,14 +197,34 @@ export default Vue.extend({
 
         this.__scrollTarget.addEventListener('scroll', this.poll, passive)
       }
+    },
+
+    __updateSvgAnimations (isRetry) {
+      if (this.renderLoadingSlot === true) {
+        const el = this.$refs.loading
+
+        if (!el) {
+          isRetry !== true && this.$nextTick(() => {
+            this.__updateSvgAnimations(true)
+          })
+          return
+        }
+
+        // we need to pause svg animations (if any) when hiding
+        // otherwise the browser will keep on recalculating the style
+        const action = `${ this.isFetching === true ? 'un' : '' }pauseAnimations`
+        Array.from(el.getElementsByTagName('svg')).forEach(el => {
+          el[ action ]()
+        })
+      }
     }
   },
 
   mounted () {
     this.immediatePoll = this.poll
     this.__setDebounce(this.debounce)
-
     this.updateScrollTarget()
+    this.isFetching === false && this.__updateSvgAnimations()
   },
 
   activated () {
@@ -212,9 +246,10 @@ export default Vue.extend({
   render (h) {
     const child = uniqueSlot(this, 'default', [])
 
-    if (this.disable !== true && this.isWorking === true) {
+    if (this.renderLoadingSlot === true) {
       child[this.reverse === false ? 'push' : 'unshift'](
         h('div', {
+          ref: 'loading',
           staticClass: 'q-infinite-scroll__loading',
           class: this.isFetching === true ? '' : 'invisible'
         }, slot(this, 'loading'))

package/src/css/core/visibility.sass

@@ -40,8 +40,6 @@
   visibility: hidden !important
   transition: none !important
   animation: none !important
-.invisible svg *
-  display: none
 .transparent
   background: transparent !important
 
@@ -164,4 +162,3 @@ body.desktop
   .q-focusable:focus, .q-manual-focusable--focused
     > .q-focus-helper
       opacity: .22
-

package/src/css/core/visibility.styl

@@ -40,8 +40,6 @@
   visibility: hidden !important
   transition: none !important
   animation: none !important
-.invisible svg *
-  display: none
 .transparent
   background: transparent !important
 
@@ -163,4 +161,3 @@ body.desktop
   .q-focusable:focus, .q-manual-focusable--focused
     > .q-focus-helper
       opacity: .22
-

package/src/mixins/prevent-scroll.js

@@ -10,6 +10,7 @@ let
   vpPendingUpdate = false,
   bodyLeft,
   bodyTop,
+  href,
   closeTimer
 
 function onWheel (e) {
@@ -96,6 +97,8 @@ function apply (action) {
     bodyLeft = body.style.left
     bodyTop = body.style.top
 
+    href = window.location.href
+
     body.style.left = `-${scrollPositionX}px`
     body.style.top = `-${scrollPositionY}px`
     if (overflowY !== 'hidden' && (overflowY === 'scroll' || body.scrollHeight > window.innerHeight)) {
@@ -104,6 +107,7 @@ function apply (action) {
 
     body.classList.add('q-body--prevent-scroll')
     document.qScrollPrevented = true
+
     if (client.is.ios === true) {
       if (hasViewport === true) {
         window.scrollTo(0, 0)
@@ -140,7 +144,11 @@ function apply (action) {
     body.style.left = bodyLeft
     body.style.top = bodyTop
 
-    window.scrollTo(scrollPositionX, scrollPositionY)
+    // scroll back only if route has not changed
+    if (window.location.href === href) {
+      window.scrollTo(scrollPositionX, scrollPositionY)
+    }
+
     maxScrollTop = void 0
   }
 }

package/src/utils/is.js

@@ -36,20 +36,23 @@ export function isDeepEqual (a, b) {
         return false
       }
 
-      i = a.entries().next()
+      let iter = a.entries()
+
+      i = iter.next()
       while (i.done !== true) {
         if (b.has(i.value[0]) !== true) {
           return false
         }
-        i = i.next()
+        i = iter.next()
       }
 
-      i = a.entries().next()
+      iter = a.entries()
+      i = iter.next()
       while (i.done !== true) {
         if (isDeepEqual(i.value[1], b.get(i.value[0])) !== true) {
           return false
         }
-        i = i.next()
+        i = iter.next()
       }
 
       return true
@@ -60,12 +63,14 @@ export function isDeepEqual (a, b) {
         return false
       }
 
-      i = a.entries().next()
+      const iter = a.entries()
+
+      i = iter.next()
       while (i.done !== true) {
         if (b.has(i.value[0]) !== true) {
           return false
         }
-        i = i.next()
+        i = iter.next()
       }
 
       return true