Input field mask

[EvgeniyZhukovets]

Description

When user use autofill to the input field with the with the igxMask, e.g. <input type="text" igxInput name="phone" required [igxMask]="'(000) 000-0000'"/> data will be inserted incorrectly.

• igniteui-angular version: 9.0.1
• browser: Google Chrome, Safari

Steps to reproduce

1. Create an input field with igxMask
   E.g. (000) 000-0000
2. Open page with this input field
3. Fill this field with the value
   E.g. 7703296393
4. Save this field in the browser memory to use this field with autofill
5. Reopen page
6. Use autofill to insert saved value to this field

Result

Expected result

[jackofdiamond5]

Hi @EvgeniyZhukovets,

We are currently refactoring our IgxMaskDirective #6454 and the issue that you are describing has been looked into. The new mask will be available in our 9.1.x release.

We remain open for any additional comments or questions that you might have.