diff --git a/packages/main/src/MultiComboBox.js b/packages/main/src/MultiComboBox.js
index 59162bf06363..8a0323501c3e 100644
--- a/packages/main/src/MultiComboBox.js
+++ b/packages/main/src/MultiComboBox.js
@@ -353,7 +353,7 @@ class MultiComboBox extends UI5Element {
const popover = this._getPopover(isMorePopover);
const otherPopover = this._getPopover(!isMorePopover);
- if (popover && popover._isOpen) {
+ if (popover && popover.opened) {
return popover.close();
}
diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html b/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html
index deb66d2cd269..fa795af4b2d9 100644
--- a/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html
+++ b/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html
@@ -77,7 +77,7 @@
Predefined value
-
+
Cosy
Compact
Condensed
diff --git a/packages/main/test/specs/MultiComboBox.spec.js b/packages/main/test/specs/MultiComboBox.spec.js
index b64bdd6bdff4..afc17662c0b1 100644
--- a/packages/main/test/specs/MultiComboBox.spec.js
+++ b/packages/main/test/specs/MultiComboBox.spec.js
@@ -3,6 +3,19 @@ const assert = require("assert");
describe("MultiComboBox general interaction", () => {
browser.url("http://localhost:8080/test-resources/sap/ui/webcomponents/main/pages/MultiComboBox.html");
+ describe("toggling", () => {
+ it("opens/closes", () => {
+ const icon = browser.findElementDeep("#multi1 >>> #ui5-multi-combobox-input ui5-icon");
+ const popover = browser.findElementDeep("#multi1 >>> .ui5-multi-combobox-all-items-popover >>> .ui5-popup-root");
+
+ icon.click();
+ assert.ok(popover.isDisplayedInViewport(), "Popover should be displayed in the viewport");
+
+ icon.click();
+ assert.ok(!popover.isDisplayedInViewport(), "Popover should close");
+ });
+ });
+
describe("selection and filtering", () => {
it("Opens all items popover, selects and deselects the first item", () => {