Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

q-input with date or time mask skips preceding character before deleting on backspace #15594

Closed
kasperskovhansen opened this issue Mar 20, 2023 · 4 comments
Assignees
Labels
area/a11y Accessibility area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@kasperskovhansen
Copy link

What happened?

When pressing backspace in a q-input with either a date or a time mask, the cursor moves one character to the left before deleting a character.

What did you expect to happen?

When pressing backspace in a q-input with either a date or a time mask, the character to the left of the cursor should be deleted.

Reproduction URL

https://stackblitz.com/edit/quasar-starter-2-jszheu?file=src/components/ExampleComponent.vue

How to reproduce?

  1. Go to the provided reproduction link or go to the docs for q-date using q-input https://quasar.dev/vue-components/date#with-qinput for Quasar version 2.11.8 in Chrome
  2. Click on the q-input component to focus it
  3. Press backspace
  4. Observe that the cursor does not delete the preceding character as expected but skips it and deletes the character coming before.

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar), Accessibility [a11y] (quasar)

Platforms/Browsers

Chrome

Quasar info output

Operating System - Linux(5.0 (Macintosh)) - linux/x64
NodeJs - 16.14.2

Global packages
  NPM - 7.17.0
  yarn - 1.22.19
  @quasar/cli - undefined
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.11.8 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.0.0-beta.7 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.13.3 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.2.31 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.0.14
  pinia - 2.0.12 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 2.8.6 -- Native-ESM powered web dev build tool
  eslint - 8.11.0 -- An AST-based pattern checker for JavaScript.
  electron - 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 - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - quasarstarter2jszheu-dw1g
  en0 - 192.168.1.104

Relevant log output

No response

Additional context

The bug has been encountered in Quasar version 2.11.8

@pdanpdan
Copy link
Collaborator

Sorry, too much simplification :)

@kasperskovhansen
Copy link
Author

Np. Really appreciate what you do🙏

@pdanpdan
Copy link
Collaborator

The fix is merged already:)

@KammererTob
Copy link

Thanks for the fix. Is there any estimate when this will also be released for Quasar v1?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/a11y Accessibility area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

3 participants