Changing input phone type to tel in Contact, Error Report and Customer widget pages

[rafaelstz]

Description (*)

I changed the phone input type from text to tel, it improves a lot the user experience. As it was applied in the email input, the field type email is in use already.

It will show like this image below.

Manual testing scenarios (*)

Contact Page

1. Accessing the contact form in a mobile device and clicking on the phone field.

Error Report

1. Generate some error in production mode the contact form in a mobile device

Customer Widget

1. Accessing the customer form in a mobile device and clicking on the phone field.

Comments (*)

This feature has high compatibility, but if it's opened in a browser without compatibility, the browsers fallback is returning it to text type.

Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel

Related PRs:
#25322
#25323

Contribution checklist (*)

• Pull request has a meaningful description of its purpose
• All commits are accompanied by meaningful commit messages
• All new or changed code is covered with unit/integration tests (if applicable)
• All automated tests passed successfully (all builds are green)

[m2-assistant]

Hi @rafaelstz. Thank you for your contribution
Here is some useful tips how you can test your changes using Magento test environment.
Add the comment under your pull request to deploy test or vanilla Magento instance:

• @magento give me test instance - deploy test instance based on PR changes
• @magento give me 2.3-develop instance - deploy vanilla Magento instance

For more details, please, review the Magento Contributor Guide documentation.

[rodrigowebjump]

Hi @rafaelstz

I will discuss internally this change since it can make some in place customizations incompatibles

[rafaelstz]

ok @rodrigowebjump
Thanks

[rodrigowebjump]

@magento combine 25322 25323

[magento-engcom-team]

Hi @rodrigowebjump. Thank you for your request. I'm working on combining the pull requests for you

[magento-engcom-team]

@rafaelstz all pull requests have been successfully combined together:

• merged Customer Widget > Changing input phone type to tel #25322: Customer Widget > Changing input phone type to tel
• merged Report page > Changing input phone type to tel #25323: Report page > Changing input phone type to tel

[rodrigowebjump]

@magento give me test instance

[ihor-sviziev]

@magento run Functional Tests B2B

[magento-engcom-team]

Hi @ihor-sviziev, thank you for the review.
ENGCOM-6915 has been created to process this Pull Request

[engcom-Delta]

@magento give me test instance

[magento-engcom-team]

Hi @engcom-Delta. Thank you for your request. I'm working on Magento instance for you

[magento-engcom-team]

Hi @engcom-Delta, here is your new Magento instance.
Admin access: https://pr-25321.instances.magento-community.engineering/admin_24c6
Login: 4641b150 Password: 81762d4fef32
Instance will be terminated in up to 3 hours.

[engcom-Delta]

✔️ QA passed

[m2-assistant]

Hi @rafaelstz, thank you for your contribution!
Please, complete Contribution Survey, it will take less than a minute.
Your feedback will help us to improve contribution process.