diff --git a/packages/main/cypress/specs/Input.cy.tsx b/packages/main/cypress/specs/Input.cy.tsx index f371c5a568e0..a99a0545d2b1 100644 --- a/packages/main/cypress/specs/Input.cy.tsx +++ b/packages/main/cypress/specs/Input.cy.tsx @@ -419,6 +419,30 @@ describe("Input general interaction", () => { cy.get("@inputEvent").should("have.been.calledTwice"); }); + + it("Should updated typedInValue upon clear", () => { + cy.mount( + + ); + + cy.get("[ui5-input]") + .as("input") + .realClick(); + + cy.get("@input") + .realType("C"); + + // click on the clear icon + cy.get("@input") + .shadow() + .find("[ui5-icon]") + .as("clearIcon") + .realClick(); + + // check typedInValue property + cy.get("@input") + .should("have.prop", "typedInValue", ""); + }); }); describe("Input arrow navigation", () => { diff --git a/packages/main/src/Input.ts b/packages/main/src/Input.ts index 477fd44e1155..431a67cb3c70 100644 --- a/packages/main/src/Input.ts +++ b/packages/main/src/Input.ts @@ -1176,6 +1176,8 @@ class Input extends UI5Element implements SuggestionComponent, IFormInputElement return; } + this.typedInValue = ""; + if (!this._isPhone) { this.fireResetSelectionChange(); this.focus();