Question

Views

Not able to type because its parent <div.container-fluid> has CSS property: overflow: hidden and an effective width and height of: 1600 x 0 pixels.

Fix this problem, or use {force: true} to disable error checking.

cy.xpath('//*[@id="mat-input-0"]').type('Rest')

Error:

about 4 years ago · Juan Pablo Isaza

It looks to me like an animation problem. Try adding a visibility check

cy.xpath('//*[@id="mat-input-0"]')
  .should('be.visible')
  .type('Rest')

about 4 years ago · Juan Pablo Isaza Report

Answer question

Accepted Answer · 2022-07-03T19:20:28.047Z

You can add {force: true} with type:

cy.xpath('//*[@id="mat-input-0"]').type('Rest',{force: true})