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;