Cursor moves to end of phone number if removing numbers in between

[Erin308]

Bug Report

Web component

Phone input

Expected Behavior

Cursor should not automatically move to the end of the phone number if modifying a number
The cursor should remain where you are modifying the phone number and not move to the end

Current Behavior

Removing any number in the middle of a valid phone number moves the cursor to the end of the phone number
You should be able to delete any number in the entered phone number and the cursor stays where it was

Possible Solution

This behavior will not work for a user as they will need to make corrections to a phone number at anytime.

Steps to Reproduce (for bugs)

1. Click make a phone call
2. Enter a valid US phone number
3. Remove a number in the middle of the phone number
4. Cursor moves to end of phone number

Context

Unable as a user to remove certain incorrect digits that they may have entered, without the cursor being redirected to the end of the phone number

Your Environment

Local pointed to PROD backend

• Browser Name and version: Chrome -89.0.4389.82 Firefox - 86.0.1 Safari - 14.0.3
• Operating System and version: macOS 10.15.7 Catalina