Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ngx-mask Causes Input Form Controls to be Dirty and Touched on iOS Devices #1375

Open
spdeux opened this issue Jun 21, 2024 · 0 comments
Open

Comments

@spdeux
Copy link

spdeux commented Jun 21, 2024

I'm facing a problem with ngx-mask while using it on input form controls in Angular.

1.On page load, input text boxes with ngx-mask are immediately marked as touched and dirty, causing validation error messages to appear even though the user has not interacted with these fields.

Dropdown Interaction:
2.We have a dropdown menu for countries. When 'USA' is selected, an input field for the Social Security Number (SSN) is displayed. This SSN input field is initially hidden. Upon displaying the SSN input field, it is immediately marked as touched and dirty, resulting in an inline error message appearing without any user interaction.

Angular Version: 14.2.10
ngx-mask Version: 10.0.4 (have 2 version of ngx-mask in my package.json file: peerDependecies have the ngx-mask: "8.1.7" and devDependencies: 10.0.4. The issue is still persisting even after upgrading the ngx-mask 10.0.4 to version 14.2.4)

Kindly provide a solution to ensure that input fields with ngx-mask maintain an untouched and pristine state upon page load and when dynamically shown based on user selections.

Thank you for your attention to this matter.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants