By using q-input with a reverse-fill-mask, the cursor is going back by pressing backspace. It happens only on capacitor. In mobile browser or on desktop it works as expected.
Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)
Areas
Components (quasar), Capacitor Mode
Platforms/Browsers
Android
Quasar info output
Operating System - Linux(6.8.0-36-generic) - linux/x64
NodeJs - 18.18.2
Global packages
NPM - 8.19.4
yarn - Not installed
@quasar/cli - 2.3.0
@quasar/icongenie - 3.1.1
cordova - Not installed
Important local packages
quasar - 2.16.6 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app-vite - 1.9.3 -- Quasar Framework App CLI with Vite
@quasar/extras - 1.16.12 -- Quasar Framework fonts, icons and animations
eslint-plugin-quasar - Not installed
vue - 3.4.32 -- The progressive JavaScript framework for building modern web UI.
vue-router - 4.2.5
pinia - 2.1.7 -- Intuitive, type safe and flexible Store for Vue
vuex - Not installed
vite - 2.9.16 -- Native-ESM powered web dev build tool
eslint - 8.52.0 -- An AST-based pattern checker for JavaScript.
electron - Not installed
electron-packager - Not installed
@electron/packager - Not installed
electron-builder - Not installed
register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
@capacitor/core - 6.1.0 -- Capacitor: Cross-platform apps with JavaScript and the web
@capacitor/cli - 6.1.0 -- Capacitor: Cross-platform apps with JavaScript and the web
@capacitor/android - 6.1.0 -- Capacitor: Cross-platform apps with JavaScript and the web
@capacitor/ios - Not installed
Quasar App Extensions
*None installed*
What happened?
By using q-input with a reverse-fill-mask, the cursor is going back by pressing backspace. It happens only on capacitor. In mobile browser or on desktop it works as expected.
q-input
related to: https://github.com/quasarframework/quasar/issues/5542
What did you expect to happen?
By pressing backspace the cursor should stand in place like in (mobile browser) or on Desktop.
Reproduction URL
https://stackblitz.com/edit/quasarframework-55neqn?file=src%2Fpages%2FIndexPage.vue
How to reproduce?
Flavour
Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)
Areas
Components (quasar), Capacitor Mode
Platforms/Browsers
Android
Quasar info output
Relevant log output
No response
Additional context
I just added
to the sandbox - nothing more