Pass EuiSuperSelect's popoverClassName to the popover's panel

elastic · Jun 20, 2019 · c9d2a57 · c9d2a57
1 parent c107d3a
commit c9d2a57
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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 {
       <EuiPopover
         className={popoverClasses}
         anchorClassName="euiSuperSelect__popoverAnchor"
-        panelClassName="euiSuperSelect__popoverPanel"
+        panelClassName={popoverPanelClasses}
         button={button}
         isOpen={isOpen || this.state.isPopoverOpen}
         closePopover={this.closePopover}