diff --git a/packages/calcite-components/src/components/combobox/combobox.e2e.ts b/packages/calcite-components/src/components/combobox/combobox.e2e.ts index 3438a79de8c..c0250d6638c 100644 --- a/packages/calcite-components/src/components/combobox/combobox.e2e.ts +++ b/packages/calcite-components/src/components/combobox/combobox.e2e.ts @@ -1959,7 +1959,7 @@ describe("calcite-combobox", () => { const wrapper = await page.find("calcite-combobox >>> .wrapper"); const close = await wrapper.find("calcite-chip >>> .close"); - await close.click(); + await close.press(" "); await page.waitForChanges(); const remainingChips = await page.findAll("calcite-combobox >>> calcite-chip"); diff --git a/packages/calcite-components/src/components/combobox/combobox.tsx b/packages/calcite-components/src/components/combobox/combobox.tsx index fa4ddcf9cc1..c17f66f2d60 100644 --- a/packages/calcite-components/src/components/combobox/combobox.tsx +++ b/packages/calcite-components/src/components/combobox/combobox.tsx @@ -683,15 +683,16 @@ export class Combobox case " ": if (!this.textInput.value) { if (!this.open) { - this.open = true; - this.shiftActiveItemIndex(1); + if (event.composedPath().find((el: HTMLElement) => el.tagName === "CALCITE-CHIP")) { + event.preventDefault(); + } else { + this.open = true; + this.shiftActiveItemIndex(1); + } } event.preventDefault(); } - if (event.composedPath().find((el: HTMLElement) => el.tagName === "CALCITE-CHIP")) { - event.preventDefault(); - } break; case "Home": if (!this.open) {