From 966084e257b3e131b50aa76a09c2a878fabf1a1f Mon Sep 17 00:00:00 2001 From: i518532 Date: Mon, 4 May 2026 09:02:50 +0300 Subject: [PATCH] fix(ui5-multi-combobox): open overflow popover on Enter in readonly mode When the focus is on the input of a readonly MultiComboBox, pressing Enter now opens the tokenizer overflow popover to show all tokens. Fixes #13445 --- .../main/cypress/specs/MultiComboBox.cy.tsx | 23 +++++++++++++++++++ packages/main/src/MultiComboBox.ts | 5 ++++ 2 files changed, 28 insertions(+) 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;