• Placeholders are left in the value by inputmask-core, how to deal with this
• More visible example using on-change with custom action doing validation / conversion

Hello,
when navigating through form inputs, using the tab key, the focus gets 'trapped' in the masked input (once entered, you cannot get out by using the keyboard, you must use the mouse).
I had to patch masked-input.js, line 144, by changing this :

if (e.metaKey || e.altKey || e.ctrlKey || e.keyCode === 13) {
  return;
}

to this :

if (e.metaKey || e.altKey || e.ctrlKey || e.keyCode === 13 || e.keyCode === 9) {
  return;
}

As a side note, I'm successfully using your component with ember-bootstrap, including validation feedback, with this simple lines :

{{#bs-form-element property="myDate" as |value id validationState|}}
  {{masked-input mask='11-11-1111' classNames='form-control' value=value }}
{{/bs-form-element}}

Thank you very much for this lightweight alternative to JQuery's libraries !

It doesn't appear to work on Android.

From digging a little, seems like the synthesized keyboard events in a test or two aren't making it to the component. I'll do a git bisect to see what change to the framework introduced a problem

Hello,

first of all thank you for putting this up. I have two feature requests to make amounts flexible, just like in regex. Also I would say it is rather bad practice to actually put underscores into the property.

Let me explain my use case:

I'm formatting Swiss license plate number which has to meet following regex:
/^[A-Z]{2}\s\d{1,6}$/,

thus, I'm using ember-cp-validations to validate it with a regex.

Now adding the input mask plugin with mask AA 111111 results in an invalid property since your plugin actually writes underscores into the model for open fields.

Ergo: unless I fill up all 6 numbers, i get these underscores in my ember data property which the validator will not like at all.

First I thought I might just need to change the regex to this
regex: /^[A-Z]{2}\s[\d_]{1,6}$/,

then however I found out that the underscores are actually not removed from the property and are even going to be persisted like that...

For now i will have to put up my own solution, but it's an idea that would make your plugin much more robust and usable.

Cheers
Daniel

On my Template:
{{masked-input mask=dateMask value='2019-08-15T04:02:00.000Z'}}

On my Controller;
dateMask: '1111-11-11 11:11 aa',

Output:
2019-08-15 0:4 __

Thank you.

ember-cli/ember-cli#5571

Hi

If the value passed to the component changes, the component does not react/change.

Adding value to the computed decorator of the inputMask getter fixes the problem.

@computed('args.{value,mask,formatCharacters,placeholderChar}')

Kind regards
Bent Bracke

Hi there,

I noticed the component returns a formatted value, is there a way to get access to the raw value instead?