quasarframework / quasar

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

Support mask&rules for the text input when using QSelect's use-input prop #4358

Open robsoncombr opened 5 years ago

robsoncombr commented 5 years ago

Software version

Operating System - Linux(4.15.0-1032-aws) - linux/x64 NodeJs - 8.16.0

Global packages NPM - 6.9.0 yarn - 0.32 @quasar/cli - 1.0.0-beta.7 cordova - Not installed

Important local packages quasar - 1.0.0-rc.4 -- High performance, Material Design 2, full front end stack with Vue.js -- build SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase @quasar/app - 1.0.0-rc.6 -- Quasar Framework App CLI @quasar/extras - 1.1.2 -- Quasar Framework fonts, icons and animations vue - 2.6.10 -- Reactive, component-oriented view layer for modern web interfaces. vue-router - 3.0.6 -- Official router for Vue.js 2 vuex - 3.1.1 -- state management for Vue.js electron - Not installed electron-packager - Not installed electron-builder - Not installed @babel/core - 7.4.5 -- Babel compiler core. webpack - 4.32.2 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff. webpack-dev-server - 3.3.1 -- Serves a webpack app. Updates the browser on changes. workbox-webpack-plugin - 4.3.1 -- A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache. register-service-worker - 1.6.2 -- Script for registering service worker, with hooks

Quasar App Extensions None installed

Codepen

https://codepen.io/robsoncombr/pen/Bgaveg?&editable=true&editors=101

What were you expecting?

when using select for autocomplete, we should be able to define the mask, input should extend it as it does for placeholder, the justification is that the autocomplete uses bandwidth, so there is no reason for example, to query the server for letters if you know that the request should contain only numbers, on my example i defined a mask #####-### and it is not applied to the input.

janjas92 commented 2 years ago

Hi, It is possible to fix it?

john6832 commented 1 month ago

Any updates 5 years later? 👀