diff --git a/CHANGELOG.md b/CHANGELOG.md index 83483236913e..2949bcaf7cb5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ - Added `magnifyWithMinus` and `magnifyWithPlus` glyphs to `EuiIcon` ([2056](https://github.com/elastic/eui/pull/2056)) - Added a fully black (no matter the theme) color SASS variable `$euiColorInk` ([2060](https://github.com/elastic/eui/pull/2060)) - Added `autoFocus` prop to `EuiTabbedContent` ([2062](https://github.com/elastic/eui/pull/2062)) +- Pass `EuiSuperSelect`'s `popoverClassName` to the popover's panel ([#2065](https://github.com/elastic/eui/pull/2065)) **Bug fixes** diff --git a/src/components/form/super_select/super_select.js b/src/components/form/super_select/super_select.js index 7ea860c41ba0..c8507e8347ba 100644 --- a/src/components/form/super_select/super_select.js +++ b/src/components/form/super_select/super_select.js @@ -176,6 +176,10 @@ export class EuiSuperSelect extends Component { popoverClassName ); + const popoverPanelClasses = classNames('euiSuperSelect__popoverPanel', { + [`${popoverClassName}__popoverPanel`]: !!popoverClassName, + }); + const buttonClasses = classNames( { 'euiSuperSelect--isOpen__button': this.state.isPopoverOpen, @@ -232,7 +236,7 @@ export class EuiSuperSelect extends Component {