quasar 1.17.3 → 1.17.4

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.17.3
+ * Quasar Framework v1.17.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -665,8 +665,8 @@ input[type='search']::-webkit-search-decoration
     justify-content: center
   > svg,
   > img
-    width: 100%
-    height: 100%
+    width: 1em
+    height: 1em
 .q-icon,
 .material-icons,
 .material-icons-outlined,

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.17.3
+ * Quasar Framework v1.17.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -711,8 +711,8 @@ input[type='search']::-webkit-search-decoration
     justify-content: center
   > svg,
   > img
-    width: 100%
-    height: 100%
+    width: 1em
+    height: 1em
 .q-icon,
 .material-icons,
 .material-icons-outlined,

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.17.3
+ * Quasar Framework v1.17.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -12,7 +12,7 @@
 
   Vue = Vue && Object.prototype.hasOwnProperty.call(Vue, 'default') ? Vue['default'] : Vue;
 
-  var version = "1.17.3";
+  var version = "1.17.4";
 
   /* eslint-disable no-useless-escape */
 
@@ -2005,6 +2005,8 @@
 
   var ariaHidden = { 'aria-hidden': 'true' };
 
+  var iconAsButton = { tabindex: 0, type: 'button', 'aria-hidden': false, role: null };
+
   var AttrsMixin = getPropCacheMixin('$attrs', 'qAttrs');
 
   var
@@ -2533,7 +2535,7 @@
       }
 
       if (this.type.img === true) {
-        return h('div', data, mergeSlot([
+        return h('span', data, mergeSlot([
           h('img', {
             attrs: { src: this.type.src }
           })
@@ -2541,7 +2543,7 @@
       }
 
       if (this.type.svg === true) {
-        return h('div', data, mergeSlot([
+        return h('span', data, mergeSlot([
           h('svg', {
             attrs: {
               viewBox: this.type.viewBox,
@@ -2552,7 +2554,7 @@
       }
 
       if (this.type.svguse === true) {
-        return h('div', data, mergeSlot([
+        return h('span', data, mergeSlot([
           h('svg', {
             attrs: {
               viewBox: this.type.viewBox,
@@ -18721,7 +18723,7 @@
               h(QIcon, {
                 staticClass: 'q-field__focusable-action',
                 props: { tag: 'button', name: this.clearIcon || this.$q.iconSet.field.clear },
-                attrs: { tabindex: 0, type: 'button' },
+                attrs: iconAsButton,
                 on: this.clearableEvents
               })
             ])
@@ -25474,6 +25476,14 @@
         ) || this.scroll.horizontal.size <= this.container.horizontal + 1
       },
 
+      verticalThumbStart: function verticalThumbStart () {
+        return this.verticalScrollPercentage * (this.container.vertical - this.verticalThumbSize)
+      },
+
+      horizontalThumbStart: function horizontalThumbStart () {
+        return this.horizontalScrollPercentage * (this.container.horizontal - this.horizontalThumbSize)
+      },
+
       verticalThumbSize: function verticalThumbSize () {
         return Math.round(
           between(
@@ -25495,18 +25505,16 @@
       },
 
       verticalStyle: function verticalStyle () {
-        var pos = this.verticalScrollPercentage * (this.container.vertical - this.verticalThumbSize);
         return Object.assign({}, this.thumbStyle,
           this.verticalThumbStyle,
-          {top: (pos + "px"),
+          {top: ((this.verticalThumbStart) + "px"),
           height: ((this.verticalThumbSize) + "px")})
       },
 
       horizontalStyle: function horizontalStyle () {
-        var pos = this.horizontalScrollPercentage * (this.container.horizontal - this.horizontalThumbSize);
         return Object.assign({}, this.thumbStyle,
           this.horizontalThumbStyle,
-          {left: (pos + "px"),
+          {left: ((this.horizontalThumbStart) + "px"),
           width: ((this.horizontalThumbSize) + "px")})
       },
 
@@ -25535,6 +25543,7 @@
           vertical: Object.assign({}, this.scroll.vertical,
             {percentage: this.verticalScrollPercentage,
             thumbHidden: this.verticalThumbHidden,
+            thumbStart: this.verticalThumbStart,
             thumbSize: this.verticalThumbSize,
             style: this.verticalStyle,
             thumbClass: this.verticalThumbClass,
@@ -25542,6 +25551,7 @@
           horizontal: Object.assign({}, this.scroll.horizontal,
             {percentage: this.horizontalScrollPercentage,
             thumbHidden: this.horizontalThumbHidden,
+            thumbStart: this.horizontalThumbStart,
             thumbSize: this.horizontalThumbSize,
             style: this.horizontalStyle,
             thumbClass: this.horizontalThumbClass,
@@ -25774,8 +25784,11 @@
         var data = this.scrollComputed[ axis ];
 
         if (data.thumbHidden !== true) {
-          var pos = evt[ dirProps[ axis ].offset ] - data.thumbSize / 2;
-          this.__setScroll(pos / this.container[ axis ] * data.size, axis);
+          var offset = evt[ dirProps[ axis ].offset ];
+          if (offset < data.thumbStart || offset > data.thumbStart + data.thumbSize) {
+            var pos = offset - data.thumbSize / 2;
+            this.__setScroll(pos / this.container[ axis ] * data.size, axis);
+          }
 
           var ref = axis === 'vertical' ? this.$refs.verticalThumb : this.$refs.horizontalThumb;
           // activate thumb pan