What happened?
When I use a simple QInput with a v-model.trim and a @update:model-value the trim is directly applied when adding a space.
Funny thing is that it works fine when you don't change variables in the @update:model-value method (see the working example in the reproduction URL).
And this also works fine with a native input.
What did you expect to happen?
To respect the space.
Reproduction URL
https://stackblitz.com/edit/quasarframework-stackblitz-templates-w8ajeeud?file=src%2Fpages%2FIndexPage.vue
How to reproduce?
- Go to the reproduction URL
- Type something and try to add a space
Flavour
Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)
Areas
Components (quasar)
Platforms/Browsers
Chrome
Quasar info output
NodeJs - 22.22.0
Global packages
NPM - 10.8.2
yarn - 1.22.19
pnpm - 8.15.6
bun - Not installed
@quasar/cli - undefined
@quasar/icongenie - Not installed
cordova - Not installed
Important local packages
quasar - 2.19.3 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app-vite - 2.5.4 -- Quasar Framework App CLI with Vite
@quasar/extras - 1.18.0 -- Quasar Framework fonts, icons and animations
eslint-plugin-quasar - Not installed
vue - 3.5.33 -- The progressive JavaScript framework for building modern web UI.
vue-router - 4.6.4
pinia - Not installed
vite - 8.0.10 -- Native-ESM powered web dev build tool
vite-plugin-checker - Not installed
eslint - 9.39.4 -- An AST-based pattern checker for JavaScript.
esbuild - 0.27.7 -- The cross-platform WebAssembly binary for esbuild, a JavaScript bundler.
typescript - Not installed
workbox-build - Not installed
register-service-worker - Not installed
electron - Not installed
@electron/packager - Not installed
electron-builder - Not installed
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed
Quasar App Extensions
*None installed*
Networking
Host - quasarframeworkstackblitztempl-4yyk
en0 - 192.168.1.104
Relevant log output
Additional context
No response
What happened?
When I use a simple
QInputwith av-model.trimand a@update:model-valuethe trim is directly applied when adding a space.Funny thing is that it works fine when you don't change variables in the
@update:model-valuemethod (see the working example in the reproduction URL).And this also works fine with a native input.
What did you expect to happen?
To respect the space.
Reproduction URL
https://stackblitz.com/edit/quasarframework-stackblitz-templates-w8ajeeud?file=src%2Fpages%2FIndexPage.vue
How to reproduce?
Flavour
Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)
Areas
Components (quasar)
Platforms/Browsers
Chrome
Quasar info output
Relevant log output
Additional context
No response