Comments (3)
@infantito it should be fixed now.
But probably you want to use
imask.updateOptions({mask: <your new mask>});
instead of recreating it.
from imaskjs.
First let me thank you for the amazing mask \o/
And sorry to comment on a closed issue, but since my question is related... how to properly clear the input fields without breaking imask/getting the warn?
I'm configuring imask.updateOptions({mask: <your new mask>});
with the exact configurations as the instance, removing the instance with destroy()
and manually cleaning the input value. Am I missing something?
I've already tried reset()
method instead of the destroy()
, but it cleanses only the model, not the UI (and when I clean the UI manually I get the warning)
applyMask(applyMask){
let input = document.querySelector('.skills-input');
let myInput = new IMask(
input,
{
mask: Number,
min: 0,
max: 10,
});
myInput.updateOptions({
mask: Number,
min: 0,
max: 10
});
if (!applyMask){
myInput.destroy()
myInput.value = ''
}
}
from imaskjs.
thanks!
Mask is created and destroyed once, but could be updated many times.
Consider to use different handlers for creating, updating and destroying.
Currently major frameworks go this way (React, Angular, Vue) providing lifecicle hooks. This is prefered.
Usually when mask is once applied it is stored somewhere, and then it could be updated.
In your example mask is just local variable and there is no way to determine has mask already applied or not.
But rewriting your example:
function applyMask (isInitialized, applyMask) {
if (!isInitialized) // init...
else if (!applyMask) // destroy...
// update
}
Also note that updating only makes sense if options change.
There are also examples with different handlers in plugins folder.
from imaskjs.
Related Issues (20)
- Secure text with last character visible
- Error status cannot be verified with testing-library after upgraded to 7.6.0 HOT 8
- The ref in useIMask triggers renders multiple times HOT 1
- Pattern bug HOT 1
- Dynamic mask dispatch does not work correctly with fixed characters HOT 1
- Accept and Complete events are not fired in version 7
- TSC fails to import types into non-ECMAScript module projects
- Svelte plugin on:accept on:complete not recognized HOT 1
- Cursor jump when `unmask={true}`
- Infinite recursion while processing year with `autofix: "pad"` HOT 1
- Incorrect masking of input using Yandex keyboard on mobile device
- ❌Blocked 1 postinstall. Run `bun pm untrusted` for details.
- ^ is mistakenly allowed in react-imask HOT 1
- Mask in "contenteditable" elements don't work in Jest/JSDOM
- How can I use a block optional in mask?
- Move input caret with onClick
- Date only works with "." HOT 1
- Unable to paste values without mask from clipboard
- Class constructor cannot be invoked without "new"
- IMaskMixin focus and controlled issue 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 imaskjs.