diff --git a/packages/main/cypress/specs/MultiComboBox.cy.tsx b/packages/main/cypress/specs/MultiComboBox.cy.tsx
index 2e704bf87590..c7040318584e 100644
--- a/packages/main/cypress/specs/MultiComboBox.cy.tsx
+++ b/packages/main/cypress/specs/MultiComboBox.cy.tsx
@@ -4371,6 +4371,29 @@ describe("Keyboard Handling", () => {
.should("have.length", 3);
});
+ it("Should open overflow popover on Enter when MCB is readonly", () => {
+ cy.mount(
+
+
+
+
+ );
+
+ cy.get("[ui5-multi-combobox]")
+ .shadow()
+ .find("input")
+ .realClick();
+
+ cy.realPress("Enter");
+
+ cy.get("[ui5-multi-combobox]")
+ .shadow()
+ .find("[ui5-tokenizer]")
+ .shadow()
+ .find("[ui5-responsive-popover]")
+ .ui5ResponsivePopoverOpened();
+ });
+
it("Should open/close popover on keyboard combination ctrl + i", () => {
cy.mount(
diff --git a/packages/main/src/MultiComboBox.ts b/packages/main/src/MultiComboBox.ts
index 5958de2b1311..e1f72424d8cf 100644
--- a/packages/main/src/MultiComboBox.ts
+++ b/packages/main/src/MultiComboBox.ts
@@ -1435,6 +1435,11 @@ class MultiComboBox extends UI5Element implements IFormInputElement {
}
_handleEnter() {
+ if (this.readonly) {
+ this._tokenizer.open = true;
+ return;
+ }
+
const lowerCaseValue = this.value.toLowerCase();
const matchingItem = this._getItems().find(item => (!item.isGroupItem && item.text!.toLowerCase() === lowerCaseValue));
const oldValueState = this.valueState;