quasar 2.6.6 → 2.7.0

package/icon-set/svg-material-symbols-sharp.mjs

@@ -0,0 +1,201 @@
+
+/*
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its webfont counterpart (same filename without "svg-" prefix).
+ * Edit that file instead (material-symbols-sharp.mjs).
+ */
+
+import {
+  symSharpCheckCircle,
+  symSharpWarning,
+  symSharpInfo,
+  symSharpPriorityHigh,
+  symSharpArrowUpward,
+  symSharpArrowForward,
+  symSharpArrowDownward,
+  symSharpArrowBack,
+  symSharpArrowDropDown,
+  symSharpChevronLeft,
+  symSharpChevronRight,
+  symSharpGradient,
+  symSharpTune,
+  symSharpStyle,
+  symSharpRefresh,
+  symSharpKeyboardArrowUp,
+  symSharpKeyboardArrowDown,
+  symSharpLens,
+  symSharpCancel,
+  symSharpCheck,
+  symSharpSchedule,
+  symSharpToday,
+  symSharpFormatBold,
+  symSharpFormatItalic,
+  symSharpStrikethroughS,
+  symSharpFormatUnderlined,
+  symSharpFormatListBulleted,
+  symSharpFormatListNumbered,
+  symSharpVerticalAlignBottom,
+  symSharpVerticalAlignTop,
+  symSharpLink,
+  symSharpFullscreen,
+  symSharpFormatQuote,
+  symSharpFormatAlignLeft,
+  symSharpFormatAlignCenter,
+  symSharpFormatAlignRight,
+  symSharpFormatAlignJustify,
+  symSharpPrint,
+  symSharpFormatIndentDecrease,
+  symSharpFormatIndentIncrease,
+  symSharpFormatClear,
+  symSharpTextFormat,
+  symSharpFormatSize,
+  symSharpRemove,
+  symSharpUndo,
+  symSharpRedo,
+  symSharpCode,
+  symSharpFontDownload,
+  symSharpAdd,
+  symSharpClose,
+  symSharpError,
+  symSharpFirstPage,
+  symSharpKeyboardArrowLeft,
+  symSharpKeyboardArrowRight,
+  symSharpLastPage,
+  symSharpGrade,
+  symSharpEdit,
+  symSharpPlayArrow,
+  symSharpDone,
+  symSharpAddBox,
+  symSharpCloudUpload,
+  symSharpClearAll,
+  symSharpDoneAll
+} from '@quasar/extras/material-symbols-sharp'
+
+export default {
+  name: 'svg-material-symbols-sharp',
+  type: {
+    positive: symSharpCheckCircle,
+    negative: symSharpWarning,
+    info: symSharpInfo,
+    warning: symSharpPriorityHigh
+  },
+  arrow: {
+    up: symSharpArrowUpward,
+    right: symSharpArrowForward,
+    down: symSharpArrowDownward,
+    left: symSharpArrowBack,
+    dropdown: symSharpArrowDropDown
+  },
+  chevron: {
+    left: symSharpChevronLeft,
+    right: symSharpChevronRight
+  },
+  colorPicker: {
+    spectrum: symSharpGradient,
+    tune: symSharpTune,
+    palette: symSharpStyle
+  },
+  pullToRefresh: {
+    icon: symSharpRefresh
+  },
+  carousel: {
+    left: symSharpChevronLeft,
+    right: symSharpChevronRight,
+    up: symSharpKeyboardArrowUp,
+    down: symSharpKeyboardArrowDown,
+    navigationIcon: symSharpLens
+  },
+  chip: {
+    remove: symSharpCancel,
+    selected: symSharpCheck
+  },
+  datetime: {
+    arrowLeft: symSharpChevronLeft,
+    arrowRight: symSharpChevronRight,
+    now: symSharpSchedule,
+    today: symSharpToday
+  },
+  editor: {
+    bold: symSharpFormatBold,
+    italic: symSharpFormatItalic,
+    strikethrough: symSharpStrikethroughS,
+    underline: symSharpFormatUnderlined,
+    unorderedList: symSharpFormatListBulleted,
+    orderedList: symSharpFormatListNumbered,
+    subscript: symSharpVerticalAlignBottom,
+    superscript: symSharpVerticalAlignTop,
+    hyperlink: symSharpLink,
+    toggleFullscreen: symSharpFullscreen,
+    quote: symSharpFormatQuote,
+    left: symSharpFormatAlignLeft,
+    center: symSharpFormatAlignCenter,
+    right: symSharpFormatAlignRight,
+    justify: symSharpFormatAlignJustify,
+    print: symSharpPrint,
+    outdent: symSharpFormatIndentDecrease,
+    indent: symSharpFormatIndentIncrease,
+    removeFormat: symSharpFormatClear,
+    formatting: symSharpTextFormat,
+    fontSize: symSharpFormatSize,
+    align: symSharpFormatAlignLeft,
+    hr: symSharpRemove,
+    undo: symSharpUndo,
+    redo: symSharpRedo,
+    heading: symSharpFormatSize,
+    code: symSharpCode,
+    size: symSharpFormatSize,
+    font: symSharpFontDownload,
+    viewSource: symSharpCode
+  },
+  expansionItem: {
+    icon: symSharpKeyboardArrowDown,
+    denseIcon: symSharpArrowDropDown
+  },
+  fab: {
+    icon: symSharpAdd,
+    activeIcon: symSharpClose
+  },
+  field: {
+    clear: symSharpCancel,
+    error: symSharpError
+  },
+  pagination: {
+    first: symSharpFirstPage,
+    prev: symSharpKeyboardArrowLeft,
+    next: symSharpKeyboardArrowRight,
+    last: symSharpLastPage
+  },
+  rating: {
+    icon: symSharpGrade
+  },
+  stepper: {
+    done: symSharpCheck,
+    active: symSharpEdit,
+    error: symSharpWarning
+  },
+  tabs: {
+    left: symSharpChevronLeft,
+    right: symSharpChevronRight,
+    up: symSharpKeyboardArrowUp,
+    down: symSharpKeyboardArrowDown
+  },
+  table: {
+    arrowUp: symSharpArrowUpward,
+    warning: symSharpWarning,
+    firstPage: symSharpFirstPage,
+    prevPage: symSharpChevronLeft,
+    nextPage: symSharpChevronRight,
+    lastPage: symSharpLastPage
+  },
+  tree: {
+    icon: symSharpPlayArrow
+  },
+  uploader: {
+    done: symSharpDone,
+    clear: symSharpClose,
+    add: symSharpAddBox,
+    upload: symSharpCloudUpload,
+    removeQueue: symSharpClearAll,
+    removeUploaded: symSharpDoneAll
+  }
+}

package/lang/es.js

@@ -32,7 +32,7 @@ module.exports = {
   },
   table: {
     noData: 'Sin datos disponibles',
-    noResults: 'No se han encontrado resultado',
+    noResults: 'No se han encontrado resultados',
     loading: 'Cargando...',
     selectedRecords: rows => (
       rows > 1

package/lang/es.mjs

@@ -27,7 +27,7 @@ export default {
   },
   table: {
     noData: 'Sin datos disponibles',
-    noResults: 'No se han encontrado resultado',
+    noResults: 'No se han encontrado resultados',
     loading: 'Cargando...',
     selectedRecords: rows => (
       rows > 1

package/lang/index.json

@@ -143,6 +143,10 @@
     "isoName": "ml",
     "nativeName": "മലയാളം"
   },
+  {
+    "isoName": "mm",
+    "nativeName": "မြန်မာ(ဗမာ)"
+  },
   {
     "isoName": "ms",
     "nativeName": "Bahasa Melayu"

package/lang/mm.js

@@ -0,0 +1,96 @@
+/**
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its .mjs counterpart (same filename but with .mjs extension).
+ * Edit that file instead (mm.mjs).
+ */
+module.exports = {
+  isoName: 'mm',
+  nativeName: 'မြန်မာ(ဗမာ)',
+  label: {
+    clear: 'ရှင်းလင်းမည်',
+    ok: 'အဆင်ပြေသည်',
+    cancel: 'ပယ်ဖျက်မည်',
+    close: 'ပိတ်မည်',
+    set: 'သတ်မှတ်မည်',
+    select: 'ရွေးမည်',
+    reset: 'ပြန်လည်သတ်မှတ်မည်',
+    remove: 'ပယ်ဖျက်မည်',
+    update: 'အသစ်ပြင်ဆင်မည်',
+    create: 'ဖန်တီးမည်',
+    search: 'ရှာမည်',
+    filter: 'စစ်ထုတ်မည်',
+    refresh: 'အသစ်ပြန်လုပ်မည်'
+  },
+  date: {
+    days: 'တနင်္ဂနွေ_တနင်္လာ_အင်္ဂါ_ဗုဒ္ဓဟူး_ကြာသပတေး_သောကြာ_စနေ'.split('_'),
+    daysShort: 'တနင်္ဂနွေ_တနင်္လာ_အင်္ဂါ_ဗုဒ္ဓဟူး_ကြာသပတေး_သောကြာ_စနေ'.split('_'),
+    months: 'ဇန်နဝါရီ_ဖေဖော်ဝါရီ_မတ်_ဧပြီ_မေ_ဇွန်_ဇူလိုင်_သြဂုတ်_စက်တင်ဘာ_အောက်တိုဘာ_နိုဝင်ဘာ_ဒီဇင်ဘာ'.split('_'),
+    monthsShort: 'ဇန်နဝါရီ_ဖေဖော်ဝါရီ_မတ်_ဧပြီ_မေ_ဇွန်_ဇူလိုင်_သြဂုတ်_စက်တင်ဘာ_အောက်တိုဘာ_နိုဝင်ဘာ_ဒီဇင်ဘာ'.split('_'),
+    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: false,
+    pluralDay: 'ရက်'
+  },
+  table: {
+    noData: 'ဒေတာမရှိပါ',
+    noResults: 'ကိုက်ညီသောရလဒ်မရှိပါ',
+    loading: 'လုပ်ဆောင်နေသည်',
+    selectedRecords: rows => (
+      rows > 0
+        ? rows + ' ကြောင်းရွေးချယ်ထားသည်'
+        : 'ဘာမှ မရွေးချယ်ထားပါ'
+    ),
+    recordsPerPage: 'တစ်မျက်နှာ အကြောင်းရေတွက်',
+    allRows: 'အားလုံး',
+    pagination: (start, end, total) => start + 'မှ' + end + 'ထိ' + 'အားလုံး' + total + 'ရှိ',
+    columns: 'ကော်လံ'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'Bold',
+    italic: 'Italic',
+    strikethrough: 'Strikethrough',
+    underline: 'Underline',
+    unorderedList: 'Unordered List',
+    orderedList: 'Ordered List',
+    subscript: 'Subscript',
+    superscript: 'Superscript',
+    hyperlink: 'Hyperlink',
+    toggleFullscreen: 'Toggle Fullscreen',
+    quote: 'Quote',
+    left: 'Left align',
+    center: 'Center align',
+    right: 'Right align',
+    justify: 'Justify align',
+    print: 'Print',
+    outdent: 'Decrease indentation',
+    indent: 'Increase indentation',
+    removeFormat: 'Remove formatting',
+    formatting: 'Formatting',
+    fontSize: 'Font Size',
+    align: 'Align',
+    hr: 'Insert Horizontal Rule',
+    undo: 'Undo',
+    redo: 'Redo',
+    heading1: 'Heading 1',
+    heading2: 'Heading 2',
+    heading3: 'Heading 3',
+    heading4: 'Heading 4',
+    heading5: 'Heading 5',
+    heading6: 'Heading 6',
+    paragraph: 'Paragraph',
+    code: 'Code',
+    size1: 'Very small',
+    size2: 'A bit small',
+    size3: 'Normal',
+    size4: 'Medium-large',
+    size5: 'Big',
+    size6: 'Very big',
+    size7: 'Maximum',
+    defaultFont: 'Default Font',
+    viewSource: 'View Source'
+  },
+  tree: {
+    noNodes: 'No nodes available',
+    noResults: 'No matching nodes found'
+  }
+}

package/lang/mm.mjs

@@ -0,0 +1,91 @@
+export default {
+  isoName: 'mm',
+  nativeName: 'မြန်မာ(ဗမာ)',
+  label: {
+    clear: 'ရှင်းလင်းမည်',
+    ok: 'အဆင်ပြေသည်',
+    cancel: 'ပယ်ဖျက်မည်',
+    close: 'ပိတ်မည်',
+    set: 'သတ်မှတ်မည်',
+    select: 'ရွေးမည်',
+    reset: 'ပြန်လည်သတ်မှတ်မည်',
+    remove: 'ပယ်ဖျက်မည်',
+    update: 'အသစ်ပြင်ဆင်မည်',
+    create: 'ဖန်တီးမည်',
+    search: 'ရှာမည်',
+    filter: 'စစ်ထုတ်မည်',
+    refresh: 'အသစ်ပြန်လုပ်မည်'
+  },
+  date: {
+    days: 'တနင်္ဂနွေ_တနင်္လာ_အင်္ဂါ_ဗုဒ္ဓဟူး_ကြာသပတေး_သောကြာ_စနေ'.split('_'),
+    daysShort: 'တနင်္ဂနွေ_တနင်္လာ_အင်္ဂါ_ဗုဒ္ဓဟူး_ကြာသပတေး_သောကြာ_စနေ'.split('_'),
+    months: 'ဇန်နဝါရီ_ဖေဖော်ဝါရီ_မတ်_ဧပြီ_မေ_ဇွန်_ဇူလိုင်_သြဂုတ်_စက်တင်ဘာ_အောက်တိုဘာ_နိုဝင်ဘာ_ဒီဇင်ဘာ'.split('_'),
+    monthsShort: 'ဇန်နဝါရီ_ဖေဖော်ဝါရီ_မတ်_ဧပြီ_မေ_ဇွန်_ဇူလိုင်_သြဂုတ်_စက်တင်ဘာ_အောက်တိုဘာ_နိုဝင်ဘာ_ဒီဇင်ဘာ'.split('_'),
+    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: false,
+    pluralDay: 'ရက်'
+  },
+  table: {
+    noData: 'ဒေတာမရှိပါ',
+    noResults: 'ကိုက်ညီသောရလဒ်မရှိပါ',
+    loading: 'လုပ်ဆောင်နေသည်',
+    selectedRecords: rows => (
+      rows > 0
+        ? rows + ' ကြောင်းရွေးချယ်ထားသည်'
+        : 'ဘာမှ မရွေးချယ်ထားပါ'
+    ),
+    recordsPerPage: 'တစ်မျက်နှာ အကြောင်းရေတွက်',
+    allRows: 'အားလုံး',
+    pagination: (start, end, total) => start + 'မှ' + end + 'ထိ' + 'အားလုံး' + total + 'ရှိ',
+    columns: 'ကော်လံ'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'Bold',
+    italic: 'Italic',
+    strikethrough: 'Strikethrough',
+    underline: 'Underline',
+    unorderedList: 'Unordered List',
+    orderedList: 'Ordered List',
+    subscript: 'Subscript',
+    superscript: 'Superscript',
+    hyperlink: 'Hyperlink',
+    toggleFullscreen: 'Toggle Fullscreen',
+    quote: 'Quote',
+    left: 'Left align',
+    center: 'Center align',
+    right: 'Right align',
+    justify: 'Justify align',
+    print: 'Print',
+    outdent: 'Decrease indentation',
+    indent: 'Increase indentation',
+    removeFormat: 'Remove formatting',
+    formatting: 'Formatting',
+    fontSize: 'Font Size',
+    align: 'Align',
+    hr: 'Insert Horizontal Rule',
+    undo: 'Undo',
+    redo: 'Redo',
+    heading1: 'Heading 1',
+    heading2: 'Heading 2',
+    heading3: 'Heading 3',
+    heading4: 'Heading 4',
+    heading5: 'Heading 5',
+    heading6: 'Heading 6',
+    paragraph: 'Paragraph',
+    code: 'Code',
+    size1: 'Very small',
+    size2: 'A bit small',
+    size3: 'Normal',
+    size4: 'Medium-large',
+    size5: 'Big',
+    size6: 'Very big',
+    size7: 'Maximum',
+    defaultFont: 'Default Font',
+    viewSource: 'View Source'
+  },
+  tree: {
+    noNodes: 'No nodes available',
+    noResults: 'No matching nodes found'
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.6.6",
+  "version": "2.7.0",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",
@@ -27,11 +27,10 @@
     "dev:umd": "node build/script.test-umd.js",
     "dev:quploader": "cd dev/upload-server && yarn && cd ../.. && node dev/upload-server/server.js",
     "build": "node build/script.build.js",
-    "test": "yarn lint && yarn build",
     "lint": "eslint --ext .js,.vue src dev",
     "lint-fix": "eslint --ext .js,.vue src dev --fix",
-    "test:unit": "cd ./dev && cypress open-ct && cd ..",
-    "test:unit:ci": "cd ./dev && cypress run-ct && cd ..",
+    "test:component": "cd ./dev && cypress open-ct && cd ..",
+    "test:component:ci": "cd ./dev && cypress run-ct && cd ..",
     "test:create": "node ./test/cypress/helpers/create-spec.js -c"
   },
   "repository": {
@@ -68,7 +67,7 @@
   "devDependencies": {
     "@quasar/app-vite": "^1.0.0-beta.5",
     "@quasar/extras": "^1.12.0",
-    "@quasar/quasar-app-extension-testing-e2e-cypress": "^4.0.1",
+    "@quasar/quasar-app-extension-testing-e2e-cypress": "^4.1.2",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-replace": "^2.3.3",
     "autoprefixer": "^10.4.4",

package/src/api.extends.json

@@ -105,6 +105,7 @@
     "model-value": {
       "desc": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
       "required": true,
+      "syncable": true,
       "category": "model"
     },
 

package/src/components/avatar/__tests__/QAvatar.spec.js

@@ -1,5 +1,5 @@
 import { mount } from '@cypress/vue'
-import QAvatar from '../QAvatar'
+import QAvatar from '../QAvatar.js'
 
 describe('Avatar API', () => {
   describe('Props', () => {

package/src/components/badge/__tests__/QBadge.spec.js

@@ -1,5 +1,5 @@
 // import { mount } from '@cypress/vue'
-// import QBadge from '../QBadge'
+// import QBadge from '../QBadge.js'
 
 // const snapshotOptions = { customSnapshotsDir: '../src/components/badge/__tests__' }
 

package/src/components/btn/QBtn.js

@@ -329,10 +329,10 @@ export default createComponent({
       if (props.loading === true && props.percentage !== void 0) {
         child.push(
           h('span', {
-            class: 'q-btn__progress absolute-full overflow-hidden'
+            class: 'q-btn__progress absolute-full overflow-hidden' + (props.darkPercentage === true ? ' q-btn__progress--dark' : '')
           }, [
             h('span', {
-              class: 'q-btn__progress-indicator fit block' + (props.darkPercentage === true ? ' q-btn__progress--dark' : ''),
+              class: 'q-btn__progress-indicator fit block',
               style: percentageStyle.value
             })
           ])

package/src/components/editor/QEditor.js

@@ -1,4 +1,4 @@
-import { h, ref, computed, watch, onMounted, nextTick, getCurrentInstance } from 'vue'
+import { h, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, getCurrentInstance } from 'vue'
 
 import Caret from './editor-caret.js'
 import { getToolbar, getFonts, getLinkEditor } from './editor-utils.js'
@@ -400,27 +400,12 @@ export default createComponent({
       }
     }
 
-    function onMousedown () {
+    function onPointerStart () {
       offsetBottom = void 0
     }
 
-    function onMouseup (e) {
+    function onSelectionchange (e) {
       eVm.caret.save()
-      emit('mouseup', e)
-    }
-
-    function onTouchstartPassive () {
-      offsetBottom = void 0
-    }
-
-    function onKeyup (e) {
-      eVm.caret.save()
-      emit('keyup', e)
-    }
-
-    function onTouchend (e) {
-      eVm.caret.save()
-      emit('touchend', e)
     }
 
     function setContent (v, restorePosition) {
@@ -477,6 +462,12 @@ export default createComponent({
       eVm.caret = proxy.caret = new Caret(contentRef.value, eVm)
       setContent(props.modelValue)
       refreshToolbar()
+
+      document.addEventListener('selectionchange', onSelectionchange)
+    })
+
+    onBeforeUnmount(() => {
+      document.removeEventListener('selectionchange', onSelectionchange)
     })
 
     return () => {
@@ -532,13 +523,8 @@ export default createComponent({
           onFocus,
 
           // clean saved scroll position
-          onMousedown,
-          onTouchstartPassive,
-
-          // save caret
-          onMouseup,
-          onKeyup,
-          onTouchend
+          onMousedown: onPointerStart,
+          onTouchstartPassive: onPointerStart
         })
       ])
     }

package/src/components/icon/QIcon.js

@@ -29,8 +29,15 @@ const matMap = {
   s_: '-sharp'
 }
 
+const symMap = {
+  sym_o_: '-outlined',
+  sym_r_: '-rounded',
+  sym_s_: '-sharp'
+}
+
 const libRE = new RegExp('^(' + Object.keys(libMap).join('|') + ')')
 const matRE = new RegExp('^(' + Object.keys(matMap).join('|') + ')')
+const symRE = new RegExp('^(' + Object.keys(symMap).join('|') + ')')
 const mRE = /^[Mm]\s?[-+]?\.?\d/
 const imgRE = /^img:/
 const svgUseRE = /^svguse:/
@@ -135,6 +142,22 @@ export default createComponent({
       else if (ionRE.test(icon) === true) {
         cls = `ionicons ion-${ $q.platform.is.ios === true ? 'ios' : 'md' }${ icon.substring(3) }`
       }
+      else if (symRE.test(icon) === true) {
+        // "notranslate" class is for Google Translate
+        // to avoid tampering with Material Symbols ligature font
+        //
+        // Caution: To be able to add suffix to the class name,
+        // keep the 'material-symbols' at the end of the string.
+        cls = 'notranslate material-symbols'
+
+        const matches = icon.match(symRE)
+        if (matches !== null) {
+          icon = icon.substring(6)
+          cls += symMap[ matches[ 1 ] ]
+        }
+
+        content = icon
+      }
       else {
         // "notranslate" class is for Google Translate
         // to avoid tampering with Material Icons ligature font
@@ -179,7 +202,7 @@ export default createComponent({
       if (type.value.svg === true) {
         return h('span', data, hMergeSlot(slots.default, [
           h('svg', {
-            viewBox: type.value.viewBox
+            viewBox: type.value.viewBox || '0 0 24 24'
           }, type.value.nodes)
         ]))
       }

package/src/components/icon/QIcon.sass

@@ -28,7 +28,10 @@
 .material-icons,
 .material-icons-outlined,
 .material-icons-round,
-.material-icons-sharp
+.material-icons-sharp,
+.material-symbols-outlined,
+.material-symbols-rounded,
+.material-symbols-sharp
   user-select: none
   cursor: inherit
   font-size: inherit

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

@@ -135,6 +135,16 @@ export default createComponent({
 
       if (isWorking.value === true) {
         localScrollTarget.addEventListener('scroll', poll, passive)
+
+        if (props.reverse === true) {
+          const
+            scrollHeight = getScrollHeight(localScrollTarget),
+            containerHeight = height(localScrollTarget)
+
+          setVerticalScrollPosition(localScrollTarget, scrollHeight - containerHeight)
+        }
+
+        immediatePoll()
       }
     }
 
@@ -205,16 +215,6 @@ export default createComponent({
       setDebounce(props.debounce)
 
       updateScrollTarget()
-
-      if (props.reverse === true) {
-        const
-          scrollHeight = getScrollHeight(localScrollTarget),
-          containerHeight = height(localScrollTarget)
-
-        setVerticalScrollPosition(localScrollTarget, scrollHeight - containerHeight)
-      }
-
-      immediatePoll()
     })
 
     return () => {

package/src/components/input/QInput.js

@@ -253,6 +253,8 @@ export default createComponent({
         }
 
         if (props.modelValue !== val && emitCachedValue !== val) {
+          emitCachedValue = val
+
           stopWatcher === true && (stopValueWatcher = true)
           emit('update:modelValue', val)
 
@@ -284,13 +286,16 @@ export default createComponent({
       const inp = inputRef.value
       if (inp !== null) {
         const parentStyle = inp.parentNode.style
+        const { overflow } = inp.style
 
         // reset height of textarea to a small size to detect the real height
         // but keep the total control size the same
         parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px'
         inp.style.height = '1px'
+        inp.style.overflow = 'hidden'
 
         inp.style.height = inp.scrollHeight + 'px'
+        inp.style.overflow = overflow
         parentStyle.marginBottom = ''
       }
     }