Comments (4)
This is not currently supported — but perhaps something to look into at some point in the future.
from formkit.
@justin-schroeder
I definitely understand that the FK Mask input is way more complex than a typical mask library.
From examples of these other libraries there are other cases for more than just a credit-card field that might require a dynamic mask.
Maybe it can be dynamic as long as you are not using select mode this should be possible?
from formkit.
Yes — and dynamic masks were considered at the inception of the mask input. We decided against it for non-technical reasons: we think it is almost always bad UX.
Having the expected value of an input change as you are interacting with it is confusing and also really challenging to make accessible in an appropriate way. That said, there are, of course, several pretty valid use cases where having a dynamic mask is just a slight formatting tweak and doesn’t fundamentally change how the input expects values — so in some limited use cases I think it would be appropriate for us to support it.
from formkit.
Exactly! It's more of the actual Mask / Placeholder that is changing than the actual expected value.
But I can definitely see it being problematic if someone were trying to change ###
mask to aaa
from formkit.
Related Issues (20)
- Auto-import common types in Nuxt (like `FormKitNode`) HOT 6
- Can't unselect option by click when I searched for it HOT 1
- Taglist options wrong position when searching HOT 3
- Type error for attribute that is used to set inital value(value) HOT 8
- Dropdown Popover: Non-text id leads to "is not a valid selector" HOT 2
- Performance when loading hundreds of inputs HOT 2
- Mask does not fulfill browser's autofill
- Autocomplete input doesn't update its options correctly HOT 3
- Custom @remove-icon-click function doesn't override native remove handler HOT 6
- Datepicker cannot parse escaped tokens
- i18n - add language - Macedonian HOT 1
- Form flickers between valid and invalid state while user is typing HOT 2
- Mask Input, manually inputting non ASCII characters remains displayed HOT 3
- Togglebuttons: Certain ARIA roles must be contained by particular parents [accessibility] HOT 3
- Togglebuttons: Elements must only use supported ARIA attributes & Required ARIA attributes must be provided [accessibility] HOT 2
- [Autcomplete] Keep already fetched options displayed instead of showing "loading" section HOT 1
- Mask removes fractional separator HOT 1
- Togglebuttons: <li> elements must be contained in a <ul> or <ol> [accessibility] HOT 2
- Autocomplete build issue when upgraded from 0.122.16 to 0.123.1 HOT 2
- Taglist-Options flying in with AutoAnimatePlugin HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from formkit.