This module improves the user experience for telephone fields in the Webform module. It adjusts how phone numbers are validated, allowing more flexible input formats like those provided by browser autofill, while still ensuring valid phone numbers are captured correctly.
This module is provided as a workaround for https://www.drupal.org/project/webform/issues/3278864.
It changes the UX of the out-of-the-box Webform configuration for the telephone element type.
Why?
Out of the box with the nationalMode flag set to false, there are some UX concerns around browser auto-fill values and validation. Suppose that the default country is set to the US and a user has 012 345 6789 saved in their auto-fill settings and fills the form out. Immediately, this user will be faced with a validation error that their input did not start with a +1.
With the updated element configuration, now all of 012 345 6789, 1012 345 6789, and +1012 345 6789 will be happily accepted!
How?
This module overrides the javascript library that ships with Webform for the telephone element. It sets the nationalMode flag and also adds a hidden input element to preserve backwards compatibility in the data collected.
Due to the dynamic nature of adding the hidden input element, the library needed to be overridden instead of simply influenced via Drupal.webform.intlTelInput.options.