fix(ui5-tabcontainer): fix closing overflow on mobile (#5855)

Fixes #5854

packages/main/src/TabContainer.js

@@ -1145,6 +1145,11 @@ class TabContainer extends UI5Element {
 		return staticAreaItem.querySelector(`#${this._id}-overflowMenu`);
 	}
 
+	async _closeRespPopover() {
+		this.responsivePopover = await this._respPopover();
+		this.responsivePopover.close();
+	}
+
 	get classes() {
 		return {
 			root: {

packages/main/test/specs/TabContainer.mobile.spec.js

@@ -0,0 +1,23 @@
+const assert = require("chai").assert;
+
+describe("Mobile: TabContainer general interaction", () => {
+	before(async () => {
+		await browser.url("test/pages/TabContainer.html");
+		await browser.emulateDevice("iPhone X");
+	});
+
+	it("should close the overflow popover when pressing the cancel button", async () => {
+		const moreButton = await browser.$("#tabContainerNestedTabs").shadow$(`[data-ui5-stable="overflow-end"]`);
+		await moreButton.click();
+
+		const staticAreaItemClassName = await browser.getStaticAreaItemClassName("#tabContainerNestedTabs");
+		let overflow = await browser.$(`.${staticAreaItemClassName}`).shadow$("ui5-responsive-popover");
+		const closeButton = await overflow.$("ui5-button");
+
+		assert.ok(await overflow.getProperty("open"), "Overflow is opened");
+
+		await closeButton.click();
+
+		assert.notOk(await overflow.getProperty("open"), "Overflow is closed");
+	});
+});