Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -269,7 +269,7 @@ export class EuiComboBoxInput<T> extends Component<
}

let icon: EuiFormControlLayoutIconsProps['icon'];
if (!noIcon) {
if (!noIcon && !isDisabled) {
icon = {
'aria-label': isListOpen
? 'Close list of options'
Expand Down
5 changes: 5 additions & 0 deletions src/global_styling/reset/global_styles.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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};
}
Expand Down
8 changes: 8 additions & 0 deletions upcoming_changelogs/6768.md
Original file line number Diff line number Diff line change
@@ -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.