Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Digits Scrambled when using type on tel input field with input mask

See original GitHub issue

Operating System: Windows 10
Cypress Version: 1.1.0
Browser Version: Chrome

Is this a Feature or Bug?

Bug

Current behavior:

When using .type() on tel inputs with masks, the numbers are entered out of order. That is, digits are added to the end of the field when they meet a special character.

Desired behavior:

The digits are entered into the field in order.

How to reproduce:

Call .type() on a tel input field with an input mask that provides hyphens, parentheses, or other formatting

Test code:

cy.get("#PrimaryPhone").type("1234567890").should('have.value', "(123) 456-7890")
//The above expected output is based on the input mask used by my application.  
//Your mileage may vary.

Additional Info (images, stack traces, etc)

Issue Analytics

State:
Created 6 years ago
Reactions:17
Comments:14 (5 by maintainers)

Top GitHub Comments

4reactions

kucebcommented, Jun 29, 2018

I’m currently working on this. An upcoming patch release should fix this issue - this should be true for many cy.type related bugs

2reactions

paulbaocommented, May 2, 2018

There’s workaround that might be helpful to people who have the same issue. cy.get("#PrimaryPhone").then($input => $input.val('(123) 456-7890')).should('have.value', "(123) 456-7890")

update

It seems that this won’t actually change the input value when it lost focus. I’ve tried sth like $input.attr('value', '(123) 456-7890') but not working for me.