quasar 2.18.4 → 2.18.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.18.4",
+  "version": "2.18.5",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "type": "module",
   "module": "dist/quasar.client.js",
@@ -76,8 +76,8 @@
     "tinyglobby": "^0.2.10",
     "typescript": "^5.6.2",
     "vue": "^3.5.5",
-    "eslint-config-quasar": "0.0.3",
-    "@quasar/extras": "1.17.0"
+    "@quasar/extras": "1.17.0",
+    "eslint-config-quasar": "0.0.3"
   },
   "vetur": {
     "tags": "dist/vetur/quasar-tags.json",

package/src/components/field/QField.sass

@@ -131,17 +131,6 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
       -webkit-animation-name: q-autofill
       -webkit-animation-fill-mode: both
 
-    &:-webkit-autofill + .q-field__label
-      transform: translateY(-40%) scale(.75)
-    &[type="color"],
-    &[type="date"],
-    &[type="datetime-local"],
-    &[type="month"],
-    &[type="time"],
-    &[type="week"]
-      + .q-field__label
-        transform: translateY(-40%) scale(.75)
-
     &:invalid
       box-shadow: none
 
@@ -201,6 +190,17 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     transition: transform $field-transition, max-width $field-transition-label-right-up
     backface-visibility: hidden
 
+    &:has(+ :is(.q-field__native, .q-field__input):is(
+      :-webkit-autofill,
+      [type="color"],
+      [type="date"],
+      [type="datetime-local"],
+      [type="month"],
+      [type="time"],
+      [type="week"]
+    ))
+      transform: translateY(-40%) scale(.75)
+
   &--float .q-field__label
     max-width: 133%
     transform: translateY(-40%) scale(.75)
@@ -445,17 +445,16 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     &.q-field--float .q-field__label
       transform: translateY(-30%) scale(.75)
 
-    .q-field__native, .q-field__input
-      &:-webkit-autofill + .q-field__label
-        transform: translateY(-30%) scale(.75)
-      &[type="color"],
-      &[type="date"],
-      &[type="datetime-local"],
-      &[type="month"],
-      &[type="time"],
-      &[type="week"]
-        + .q-field__label
-          transform: translateY(-30%) scale(.75)
+    .q-field__label:has(+ :is(.q-field__native, .q-field__input):is(
+      :-webkit-autofill,
+      [type="color"],
+      [type="date"],
+      [type="datetime-local"],
+      [type="month"],
+      [type="time"],
+      [type="week"]
+    ))
+      transform: translateY(-30%) scale(.75)
 
   &--borderless, &--standard
 

package/src/components/pagination/QPagination.js

@@ -264,18 +264,19 @@ export default createComponent({
       model.value = model.value + offset
     }
 
-    const inputEvents = computed(() => {
-      function updateModel () {
-        model.value = newPage.value
-        newPage.value = null
-      }
+    function updateModel () {
+      model.value = newPage.value
+      newPage.value = null
+      $q.platform.is.mobile === true && document.activeElement.blur()
+    }
 
-      return {
-        'onUpdate:modelValue': val => { newPage.value = val },
-        onKeyup: e => { isKeyCode(e, 13) === true && updateModel() },
-        onBlur: updateModel
-      }
-    })
+    function onInputValue (val) {
+      newPage.value = val
+    }
+
+    function onKeyup (e) {
+      isKeyCode(e, 13) === true && updateModel()
+    }
 
     function getBtn (cfg, page, active) {
       const data = {
@@ -441,7 +442,9 @@ export default createComponent({
               placeholder: inputPlaceholder.value,
               min: minProp.value,
               max: maxProp.value,
-              ...inputEvents.value
+              'onUpdate:modelValue': onInputValue,
+              onKeyup,
+              onBlur: updateModel
             })
             : h('div', {
               class: 'q-pagination__middle row justify-center'

package/src/composables/private.use-field/use-field.js

@@ -440,6 +440,12 @@ export default function (state) {
       )
     }
 
+    hasLabel.value === true && node.push(
+      h('div', {
+        class: labelClass.value
+      }, hSlot(slots.label, props.label))
+    )
+
     if (state.getControl !== void 0) {
       node.push(state.getControl())
     }
@@ -459,12 +465,6 @@ export default function (state) {
       )
     }
 
-    hasLabel.value === true && node.push(
-      h('div', {
-        class: labelClass.value
-      }, hSlot(slots.label, props.label))
-    )
-
     props.suffix !== void 0 && props.suffix !== null && node.push(
       h('div', {
         class: 'q-field__suffix no-pointer-events row items-center'