fix(ui5-multi-combobox): remove invalid values on focusout

fix clearing of matching values

Author: ndeshev

packages/main/cypress/specs/MultiComboBox.cy.tsx

@@ -2077,42 +2077,7 @@ describe("Validation & Value State", () => {
 			.should("have.value", "xyz");
 	});
 
-	it("Does not clear valid/matching values on focus out", () => {
-		cy.mount(
-			<>
-				<Button id="btn">Focus target</Button>
-				<MultiComboBox>
-					<MultiComboBoxItem text="Item 1"></MultiComboBoxItem>
-					<MultiComboBoxItem text="Item 2"></MultiComboBoxItem>
-				</MultiComboBox>
-			</>
-		);
-
-		cy.get("[ui5-multi-combobox]")
-			.as("mcb")
-			.realClick();
-
-		cy.get("@mcb")
-			.should("be.focused");
-
-		cy.realType("Item");
-
-		cy.get("@mcb")
-			.shadow()
-			.find("input")
-			.should("have.value", "Item 1");
-
-		cy.get("#btn")
-			.realClick()
-			.should("be.focused");
-
-		cy.get("@mcb")
-			.shadow()
-			.find("input")
-			.should("have.value", "Item 1");
-	});
-
-	it("Preserves selected tokens when clearing invalid input on focus out", () => {
+	it("Preserves selected tokens when clearing input on focus out", () => {
 		cy.mount(
 			<>
 				<Button id="btn">Focus target</Button>

packages/main/src/MultiComboBox.ts

@@ -2037,13 +2037,10 @@ class MultiComboBox extends UI5Element implements IFormInputElement {
 			this.focused = false;
 
 			if (!this.noValidation && this.value) {
-				const hasMatchingItem = this._filterItems(this.value).length > 0;
-				if (!hasMatchingItem) {
-					this.value = "";
-					this._lastValue = "";
-					if (this.valueState === ValueState.Negative) {
-						this._updateValueState(this._effectiveValueState);
-					}
+				this.value = "";
+				this._lastValue = "";
+				if (this.valueState === ValueState.Negative) {
+					this._updateValueState(this._effectiveValueState);
 				}
 			}