fix(ui5-multi-input): fire change event on enter (#12516)

Author: StefanDimitrov04

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

@@ -1335,6 +1335,24 @@ describe("Keyboard handling", () => {
 		cy.get("[ui5-multi-input]")
 			.should("have.attr", "value-state", "None");
 	});
+
+	it("should trigger change event on enter with no suggestions", () => {
+		const changeSpy = cy.stub().as("changeSpy");
+		cy.mount(
+			<MultiInput onChange={changeSpy}></MultiInput>
+		);
+
+		cy.get("[ui5-multi-input]")
+			.shadow()
+			.find("input")
+			.realClick();
+
+		cy.realType("asd");
+		cy.realPress("Enter");
+
+		cy.get("@changeSpy")
+			.should("have.been.calledOnce");
+	});
 });
 
 describe("MultiInput Composition", () => {
@@ -1371,7 +1389,7 @@ describe("MultiInput Composition", () => {
 		cy.get("@multiinput").should("have.prop", "_isComposing", true);
 
 		cy.get("@nativeInput").trigger("compositionend", { data: "사랑" });
-		
+
 		cy.get("@nativeInput")
 			.invoke("val", "사랑")
 			.trigger("input", { inputType: "insertCompositionText" });
@@ -1425,7 +1443,7 @@ describe("MultiInput Composition", () => {
 		cy.get("@multiinput").should("have.prop", "_isComposing", true);
 
 		cy.get("@nativeInput").trigger("compositionend", { data: "ありがとう" });
-		
+
 		cy.get("@nativeInput")
 			.invoke("val", "ありがとう")
 			.trigger("input", { inputType: "insertCompositionText" });
@@ -1479,7 +1497,7 @@ describe("MultiInput Composition", () => {
 		cy.get("@multiinput").should("have.prop", "_isComposing", true);
 
 		cy.get("@nativeInput").trigger("compositionend", { data: "谢谢" });
-		
+
 		cy.get("@nativeInput")
 			.invoke("val", "谢谢")
 			.trigger("input", { inputType: "insertCompositionText" });

packages/main/src/MultiInput.ts

@@ -233,7 +233,7 @@ class MultiInput extends Input implements IFormInputElement {
 			return this._focusFirstToken(e);
 		}
 
-		if (isEnter(e)) {
+		if (isEnter(e) && !!this._internals.form) {
 			e.preventDefault();
 		}