diff --git a/src/components/combo_box/combo_box_input/combo_box_input.tsx b/src/components/combo_box/combo_box_input/combo_box_input.tsx index 8c2a718de73..8438b987c91 100644 --- a/src/components/combo_box/combo_box_input/combo_box_input.tsx +++ b/src/components/combo_box/combo_box_input/combo_box_input.tsx @@ -269,7 +269,7 @@ export class EuiComboBoxInput extends Component< } let icon: EuiFormControlLayoutIconsProps['icon']; - if (!noIcon) { + if (!noIcon && !isDisabled) { icon = { 'aria-label': isListOpen ? 'Close list of options' diff --git a/src/global_styling/reset/global_styles.tsx b/src/global_styling/reset/global_styles.tsx index 88413574e2d..f485bd0199c 100644 --- a/src/global_styling/reset/global_styles.tsx +++ b/src/global_styling/reset/global_styles.tsx @@ -73,6 +73,11 @@ export const EuiGlobalStyles = ({}: EuiGlobalStylesProps) => { ${fontReset} } + // Chrome has opinionated select:disabled opacity styles that need to be overridden + select:disabled { + opacity: 1; + } + button { font-family: ${font.family}; } diff --git a/upcoming_changelogs/6768.md b/upcoming_changelogs/6768.md new file mode 100644 index 00000000000..167574050aa --- /dev/null +++ b/upcoming_changelogs/6768.md @@ -0,0 +1,8 @@ +**Bug fixes** + +- Improved the uniformity of dropdown components by hiding the dropdown icon of disabled `EuiComboBox`s. + +**Breaking changes** + +- EUI now globally resets a default Chromium browser style that was decreasing the opacity of disabled `select` items. +