quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
26.03k stars 3.54k forks source link

QInput: cannot input digit "1" with mask "11##" #15624

Open cohlar opened 1 year ago

cohlar commented 1 year ago

What happened?

When I use a mask "####" on QInput where the first two digits are defined (for example "11##"), I cannot input the same digits as the first two digits (in my example, if you try to input "1", it won't work).

What did you expect to happen?

To be able to input the same digits as the first two digits.

Reproduction URL

https://stackblitz.com/edit/quasarframework-9m4kg8?file=src/pages/IndexPage.vue

How to reproduce?

  1. Go to the reproduction link
  2. Try to type "1" in field "SKU"
  3. You'll notice "1" is not inputted. Any other digit would work just fine.

Flavour

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

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Operating System - Windows_NT(10.0.22621) - win32/x64
NodeJs - 18.12.1

Global packages
  NPM - 9.1.1
  yarn - 1.22.19
  @quasar/cli - 1.3.2
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.11.6 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.2.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.15.11 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.2.45 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.1.6
  pinia - 2.0.32 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 4.1.1 -- Native-ESM powered web dev build tool
  eslint - 8.36.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
  @quasar/quasar-app-extension-testing - 2.1.0 -- A Quasar App Extension for managing Test Harnesses
  @quasar/quasar-app-extension-testing-unit-vitest - 0.1.2 -- A Quasar App Extension for running tests with Vitest

Networking
  Host - LAPTOP-GALIM
  Wi-Fi - 192.168.100.12
  vEthernet (WSL) - 172.20.80.1

Relevant log output

No response

Additional context

No response

cohlar commented 1 year ago

@pdanpdan I just moved my question from Discord to github so it's easier to track. Thanks for your help.

cohlar commented 1 year ago

Hi, just wanted to check if there may be any workaround here 😅 Thanks for your help!