Improve intl-tel-input UI

Created on 21 January 2025, 3 months ago

Problem/Motivation

UI for internationalized phone inputs has a bad initial UX: if the user clicks in country, the dial code will be filled, but t's not filled initially. That leds to users typing their number in local format.

Proposed resolution

After upgrading intl-tel-input library (see #3452986), use a new option separateDialCode: https://www.intl-tel-input.com/examples/separate-dial-code.html

Remaining tasks

  • Pass new option from WebformElement to js
  • Format js return (use intlTelInput.utils.numberFormat.E164 ?)
  • Add tests
  • Make this option configurable
Feature request
Status

Active

Version

6.3

Component

User interface

Created by

🇫🇷France nicodh

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024