Contrib.social

Issue with Webform Card and International Telephone Input: Form Breaks with Enhanced Phone Number Support Enabled

Open on Drupal.org →
Created on 28 January 2025, 2 months ago

Problem/Motivation

When using the Webform module with multiple cards and enabling the "Enhance support for international phone numbers" option for the Telephone field (leveraging the jQuery: International Telephone Input 17.0.19 library), the form becomes broken on the front end. Users are unable to proceed through the form, which affects the usability of the Telephone field. Disabling this option resolves the issue, but enabling it is essential for providing a better UI experience.

Steps to reproduce

  1. Create a Webform using the Webform Card feature.
  2. Add multiple cards (e.g., three cards).
    • First card field: First Name
    • Second card field: Telephone
    • Third card field: Bio
  3. Enable the Telephone field setting: "Enhance support for international phone numbers."
  4. View the form on the front end.
  5. Observe that the form is broken, and users cannot proceed.
  6. Disable the Telephone setting for enhancing support, and notice the issue is resolved.

Proposed resolution

Investigate the compatibility issue between the Webform Card functionality and the "Enhance support for international phone numbers" setting. Update the Webform module or its dependencies to ensure smooth rendering and usability when this setting is enabled.

Remaining tasks

  • Debug the integration of jQuery: International Telephone Input 17.0.19 with Webform Cards.
  • Identify the root cause of the conflict.
  • Implement a fix or workaround.
  • Test the form behavior with and without the Telephone enhancement enabled.
  • Ensure compatibility across all Webform fields and cards.

User interface changes

No major UI changes expected, but the fix should ensure that the form renders properly with the enhanced Telephone field support enabled.

API changes

None anticipated.

Data model changes

No changes to the data model.

🐛 Bug report
Status

Active

Version

6.2

Component

Code

Created by

🇮🇳India DhruvR

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

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024