diff --git a/packages/select/src/components/multi-select/multiSelect2.tsx b/packages/select/src/components/multi-select/multiSelect2.tsx index d97dc8ab4fa..03578a31484 100644 --- a/packages/select/src/components/multi-select/multiSelect2.tsx +++ b/packages/select/src/components/multi-select/multiSelect2.tsx @@ -288,6 +288,7 @@ export class MultiSelect2 extends AbstractPureComponent2 "aria-controls": this.listboxId, ...popoverTargetProps, ...targetProps, + "aria-disabled": disabled, "aria-expanded": isOpen, // Note that we must set FILL here in addition to TagInput to get the wrapper element to full width className: classNames(targetProps.className, popoverTargetProps.className, { diff --git a/packages/select/src/components/select/select2.tsx b/packages/select/src/components/select/select2.tsx index d4614837022..09d1fbdc2a4 100644 --- a/packages/select/src/components/select/select2.tsx +++ b/packages/select/src/components/select/select2.tsx @@ -214,7 +214,7 @@ export class Select2 extends AbstractPureComponent2, Select2S // since it may be stale (`renderTarget` is not re-invoked on this.state changes). // eslint-disable-next-line react/display-name ({ isOpen: _isOpen, ref, ...targetProps }: Popover2TargetProps & Popover2ClickTargetHandlers) => { - const { popoverProps = {}, popoverTargetProps } = this.props; + const { disabled, popoverProps = {}, popoverTargetProps } = this.props; const { handleKeyDown, handleKeyUp } = listProps; const { targetTagName = "div" } = popoverProps; return React.createElement( @@ -223,6 +223,7 @@ export class Select2 extends AbstractPureComponent2, Select2S "aria-controls": this.listboxId, ...popoverTargetProps, ...targetProps, + "aria-disabled": disabled, "aria-expanded": isOpen, // Note that we must set FILL here in addition to children to get the wrapper element to full width className: classNames(targetProps.className, popoverTargetProps?.className, {