Problem with clear() and type() on text input field (maxlength)

Current behavior:

Cypress is not able to clear() and type() in text input field. The problem is not constant, it appears in my tests only in few scenarios.

Desired behavior:

The clear() and type() actions should always work for input text type field.

Steps to reproduce:

My test looks like follow: I am updating existing element. The update form input text type field:

\<input _ngcontent-trw-171="" class="form-control ng-untouched ng-pristine ng-valid" id="coalTypeDescr" maxlength="25" name="coalTypeDescr" ngcontrol="coalTypeDescr" required="" type="text"\>

My test first needs to clear existing value and add new one:

   cy.get('#coalTypeDescr')
      .clear()
      .type("CoalToEditEdited")

Console doesn’t show any problem with both functions.

Versions

Cypress 3.0.1, macOS 10.13.5, Chrome

[kathrinkuenzli]

I have got a similar issue with Cypress Version 4.11.0. .clear().type('sometext') does not work. .type('{selectall}sometext') works instead.

Input Field looks like:

<input _ngcontent-aec-c59="" class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-pristine ng-valid ng-touched" formcontrolname="link" matinput="" ng-reflect-maxlength="2000" ng-reflect-name="link" ng-reflect-placeholder="z.B. google.ch" maxlength="2000" id="mat-input-1" placeholder="z.B. google.ch" aria-invalid="false" aria-required="false">

[kapalkat]

@Bkucera Thanks. Looking forward to the patch. In the meantime, I am using a workaround with jQuery; getting the maxlength attribute and increasing it before calling clear() or type() functions on the input element.