fix(ui5-shellbar-search): fire search on mobile devices on search icon press (#13410)

* fix(ui5-search): fire search on mobile devices on search icon press

fire search event when the search icon is pressed in the mobile dialog

Author: ndeshev

packages/fiori/cypress/specs/ShellBarSearch.mobile.cy.tsx

@@ -95,4 +95,33 @@ describe("Mobile Behaviour", () => {
 		cy.get("[ui5-shellbar-search]")
 			.should("have.prop", "collapsed", true);
 	});
+
+	it("should fire search event when search icon is pressed in open dialog", () => {
+		cy.mount(
+			<ShellBarSearch showClearIcon={true} onSearch={cy.stub().as("search")}>
+				<SearchItem text="Item 1" />
+				<SearchItem text="Item 2" />
+			</ShellBarSearch>
+		);
+
+		cy.get("[ui5-shellbar-search]")
+			.shadow()
+			.find("[ui5-button]")
+			.realClick();
+
+		cy.get("[ui5-shellbar-search]")
+			.should("have.prop", "open", true);
+
+		cy.get("[ui5-shellbar-search]")
+			.shadow()
+			.find("[ui5-responsive-popover] header input")
+			.type("test");
+
+		cy.get("[ui5-shellbar-search]")
+			.shadow()
+			.find("[ui5-responsive-popover] .ui5-shell-search-field-search-icon")
+			.realClick();
+
+		cy.get("@search").should("have.been.calledOnce");
+	});
 });

packages/fiori/src/ShellBarSearch.ts

@@ -39,6 +39,11 @@ class ShellBarSearch extends Search {
 	autoOpen = false;
 
 	_handleSearchIconPress() {
+		if (isPhone() && this.open) {
+			this._handleSearchEvent();
+			return;
+		}
+
 		super._handleSearchIconPress();
 
 		if (this.collapsed) {