🐞 - Input is not formatting when setting `FormControl` value programmatically about maskito HOT 7 CLOSED

We probably also need a way to format an arbitrary string with given MaskitoOptions 🤔

from maskito.

Since there is no function to get a resulted formatting like formatValue(value: string): string i've decided to use a hack to fire input event and trigger all the maskito processing:

    const originalWriteValue = this.ngControl.valueAccessor.writeValue.bind(this.ngControl.valueAccessor);

    this.ngControl.valueAccessor.writeValue = (obj: any) => {
      originalWriteValue(obj);

      this.elRef.nativeElement.dispatchEvent(new Event("input"));
    };

Edit: But this leads to multiple valueChanges events.

from maskito.

Would be great to have this method in the Maskito class itself.

from maskito.

Input is not formatted after setting value via FormControl methods setValue, patchValue, reset.

Maskito libraries were created to prevent user from typing invalid value.
Maskito listens beforeinput and input events.
Programatic changes of input's value (by developer) don't trigger these events!
Of course, we can use MutationObserver to detect these programatic changes. But it is overkill.

Maskito is based on the assumption that developer is capable to programatically patch input with valid value.

However, Alex suggests good idea that we can add utility-helper for these cases:

We probably also need a way to format an arbitrary string with given MaskitoOptions 🤔

This issue will be solved in the following issue

• #175

from maskito.

Well, it is not affects me as i'm not using the @maskito/angular library, but as an Angular developer i assume that angular-library would properly support Angular features by default. Otherwise it seems like a useless library, because you still need to implement your own Angular logic.

from maskito.

Well, it is not affects me as i'm not using the @maskito/angular library, but as an Angular developer i assume that angular-library would properly support Angular features by default. Otherwise it seems like a useless library, because you still need to implement your own Angular logic.

@nsbarsukov I think other masking solutions watch for programmatic changes too.

from maskito.

@nsbarsukov I think other masking solutions watch for programmatic changes too.

We can take our legacy text-mask as an example.

Programatic update of the value via vanilla JS doesn't trigger value's validations.

Angular package angular2-text-mask implements ControlValueAccessor.
Our library doesn't do it (because it doesn't always have direct access to native input).
We suppose that library can be used with Taiga UI, Material, Ant and other design libraries.

from maskito.