1. Create a webform with 2 pages
2. On first page, add a checkbox and a telephone element with international support
3. Make the telephone element be visible only when the checkbox is checked.
4. Second page can contain anything
5. View the webform, check the checkbox, fill in a valid phone number
6. Move to the next step, then go back to previous page
7. Notice that the phone element shows a validation error
This happens because when the phone element becomes visible using due to States API, blur event is getting triggered which in turn triggers validation on the phone element.
Since the intl-tel-input utils script is loaded asynchronously (see #3032455), validation is not correctly done and causes the error message to become visible under the phone element.
Not sure what the correct solution is, but making the validation only trigger if the phone element is visible seems to work.
Active
6.3
Code
I noticed that isValidNumber returns null when the validation library is not yet loaded, and false when validation actually fails. I believe we should not show a validation error when validation library is not correctly loaded.