diff --git a/packages/calcite-components/src/components/combobox/combobox.tsx b/packages/calcite-components/src/components/combobox/combobox.tsx index afb189ad982..4143e0752b7 100644 --- a/packages/calcite-components/src/components/combobox/combobox.tsx +++ b/packages/calcite-components/src/components/combobox/combobox.tsx @@ -1192,6 +1192,8 @@ export class Combobox aria-activedescendant={this.activeDescendant} aria-autocomplete="list" aria-controls={`${listboxUidPrefix}${guid}`} + aria-expanded={toAriaBoolean(open)} + aria-haspopup="listbox" aria-label={getLabelText(this)} class={{ input: true, @@ -1207,6 +1209,7 @@ export class Combobox onFocus={this.comboboxFocusHandler} onInput={this.inputHandler} placeholder={placeholder} + role="combobox" type="text" // eslint-disable-next-line react/jsx-sort-props ref={(el) => (this.textInput = el as HTMLInputElement)} @@ -1294,18 +1297,18 @@ export class Combobox } render(): VNode { - const { guid, label, open } = this; + const { guid, open } = this; const single = this.selectionMode === "single"; const isClearable = !this.clearDisabled && this.value?.length > 0; return (
{this.renderIconStart()} {!single && this.renderChips()} - {this.renderInput()}
{isClearable ? (