quasar 2.4.11 → 2.4.12

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.11
+ * Quasar Framework v2.4.12
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -3260,6 +3260,7 @@ body.desktop
       cursor: text
   .q-field__input
     min-width: 50px !important
+    cursor: text
     &--padding
       padding-left: 4px
   &__focus-target,
@@ -3815,6 +3816,7 @@ body.platform-ios
     font-size: 12px
     line-height: 14px
   &__dot
+    contain: layout
     margin-right: 8px
     font-size: 14px
     width: 24px
@@ -3924,6 +3926,7 @@ body.platform-ios
     .q-stepper__tab
       overflow: hidden
     .q-stepper__line
+      contain: layout
       &:before, &:after
         position: absolute
         top: 50%

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.11
+ * Quasar Framework v2.4.12
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1456,7 +1456,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.4.11' };
+      const $q = { version: '2.4.12' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -5131,7 +5131,7 @@
 
           if (node && node.contains(document.activeElement) !== true) {
             node = node.querySelector('[autofocus], [data-autofocus]') || node;
-            node.focus();
+            node.focus({ preventScroll: true });
           }
         });
       }
@@ -5259,6 +5259,7 @@
         // the focus is not in a vue child component
         if (
           handlesFocus.value === true
+          && props.noFocus !== true
           && childHasFocus(innerRef.value, evt.target) !== true
         ) {
           focus();
@@ -14417,7 +14418,7 @@
           }
 
           node = node.querySelector('[autofocus], [data-autofocus]') || node;
-          node.focus();
+          node.focus({ preventScroll: true });
         });
       }
 
@@ -16919,7 +16920,7 @@
 
       function focus () {
         addFocusFn(() => {
-          contentRef.value !== null && contentRef.value.focus();
+          contentRef.value !== null && contentRef.value.focus({ preventScroll: true });
         });
       }
 
@@ -20656,7 +20657,7 @@
       if (target && (el === null || el.id !== state.targetUid.value)) {
         target.hasAttribute('tabindex') === true || (target = target.querySelector('[tabindex]'));
         if (target && target !== el) {
-          target.focus();
+          target.focus({ preventScroll: true });
         }
       }
     }
@@ -20674,6 +20675,7 @@
     }
 
     function onControlFocusin (e) {
+      clearTimeout(focusoutTimer);
       if (state.editable.value === true && state.focused.value === false) {
         state.focused.value = true;
         emit('focus', e);
@@ -20686,13 +20688,9 @@
         if (
           document.hasFocus() === true && (
             state.hasPopupOpen === true
-            || (
-              state.controlRef !== void 0
-              && (
-                state.controlRef.value === null
-                || state.controlRef.value.contains(document.activeElement) !== false
-              )
-            )
+            || state.controlRef === void 0
+            || state.controlRef.value === null
+            || state.controlRef.value.contains(document.activeElement) !== false
           )
         ) {
           return
@@ -21637,7 +21635,7 @@
           const target = rootRef.value.querySelector('[autofocus], [data-autofocus]')
             || Array.prototype.find.call(rootRef.value.querySelectorAll('[tabindex]'), el => el.tabIndex > -1);
 
-          target !== null && target !== void 0 && target.focus();
+          target !== null && target !== void 0 && target.focus({ preventScroll: true });
         });
       }
 
@@ -23221,7 +23219,7 @@
             && inputRef.value !== el
             && (el === null || el.id !== state.targetUid.value)
           ) {
-            inputRef.value.focus();
+            inputRef.value.focus({ preventScroll: true });
           }
         });
       }
@@ -27805,13 +27803,14 @@
       prevToIndex = -1;
       prevScrollStart = void 0;
 
+      virtualScrollPaddingBefore.value = sumSize(virtualScrollSizesAgg, virtualScrollSizes, 0, virtualScrollSliceRange.value.from);
+      virtualScrollPaddingAfter.value = sumSize(virtualScrollSizesAgg, virtualScrollSizes, virtualScrollSliceRange.value.to, virtualScrollLength.value);
+
       if (toIndex >= 0) {
         updateVirtualScrollSizes(virtualScrollSliceRange.value.from);
         vue.nextTick(() => { scrollTo(toIndex); });
       }
       else {
-        virtualScrollPaddingBefore.value = sumSize(virtualScrollSizesAgg, virtualScrollSizes, 0, virtualScrollSliceRange.value.from);
-        virtualScrollPaddingAfter.value = sumSize(virtualScrollSizesAgg, virtualScrollSizes, virtualScrollSliceRange.value.to, virtualScrollLength.value);
         onVirtualScrollEvt();
       }
     }
@@ -28572,8 +28571,12 @@
         return innerOptionsValue.value.find(v => isDeepEqual(v, val)) !== void 0
       }
 
-      function selectInputText () {
-        if (props.useInput === true && targetRef.value !== null) {
+      function selectInputText (e) {
+        if (
+          props.useInput === true
+          && targetRef.value !== null
+          && (e === void 0 || (targetRef.value === e.target && e.target.value === selectedString.value))
+        ) {
           targetRef.value.select();
         }
       }
@@ -28943,7 +28946,7 @@
           type: 'search',
           ...comboboxAttrs.value,
           ...state.splitAttrs.attributes.value,
-          id: state.targetUid.value,
+          id: isTarget === true ? state.targetUid.value : void 0,
           maxlength: props.maxlength,
           autocomplete: props.autocomplete,
           'data-autofocus': (fromDialog !== true && props.autofocus === true) || void 0,
@@ -28954,7 +28957,7 @@
 
         if (fromDialog !== true && hasDialog === true) {
           if (Array.isArray(data.class) === true) {
-            data.class[ 0 ] += ' no-pointer-events';
+            data.class = [ ...data.class, 'no-pointer-events' ];
           }
           else {
             data.class += ' no-pointer-events';
@@ -29420,13 +29423,13 @@
             child.push(getInput(fromDialog, isTarget));
           }
           // there can be only one (when dialog is opened the control in dialog should be target)
-          else if (state.editable.value === true && isTarget === true) {
+          else if (state.editable.value === true) {
             child.push(
               vue.h('div', {
-                ref: targetRef,
+                ref: isTarget === true ? targetRef : void 0,
                 key: 'd_t',
                 class: 'q-select__focus-target',
-                id: state.targetUid.value,
+                id: isTarget === true ? state.targetUid.value : void 0,
                 ...comboboxAttrs.value,
                 onKeydown: onTargetKeydown,
                 onKeyup: onTargetKeyup,
@@ -29434,7 +29437,7 @@
               })
             );
 
-            if (typeof props.autocomplete === 'string' && props.autocomplete.length > 0) {
+            if (isTarget === true && typeof props.autocomplete === 'string' && props.autocomplete.length > 0) {
               child.push(
                 vue.h('input', {
                   class: 'q-select__autocomplete-input',
@@ -32143,7 +32146,9 @@
       error: Boolean
     },
 
-    setup (props, { slots }) {
+    setup (props, { attrs, slots }) {
+      const { proxy: { $q } } = vue.getCurrentInstance();
+
       const $stepper = vue.inject(stepperKey, () => {
         console.error('QStep needs to be child of QStepper');
       });
@@ -32154,18 +32159,21 @@
 
       const isActive = vue.computed(() => $stepper.value.modelValue === props.name);
 
-      vue.watch(isActive, active => {
-        if (
-          active === true
-          && $stepper.value.vertical === true
-        ) {
-          vue.nextTick(() => {
-            if (rootRef.value !== null) {
-              rootRef.value.scrollTop = 0;
+      const scrollEvent = vue.computed(() => (
+        ($q.platform.is.ios !== true && $q.platform.is.safari !== true)
+          || isActive.value !== true
+          || $stepper.value.vertical !== true
+          ? {}
+          : {
+            onScroll (e) {
+              const { target } = e;
+              if (target.scrollTop > 0) {
+                target.scrollTop = 0;
+              }
+              attrs.onScroll !== void 0 && attrs.onScroll(e);
             }
-          });
-        }
-      });
+          }
+      ));
 
       const contentKey = vue.computed(() => (
         typeof props.name === 'string' || typeof props.name === 'number'
@@ -32201,7 +32209,7 @@
 
       return () => vue.h(
         'div',
-        { ref: rootRef, class: 'q-stepper__step' },
+        { ref: rootRef, class: 'q-stepper__step', ...scrollEvent.value },
         $stepper.value.vertical === true
           ? [
               vue.h(StepHeader, {
@@ -39359,7 +39367,7 @@
   });
 
   var index_umd = {
-    version: '2.4.11',
+    version: '2.4.12',
     install (app, opts) {
       installQuasar(app, {
         components,