From 22cffc7f08430e26ff06b315ec46868cfb7591ce Mon Sep 17 00:00:00 2001
From: Yuri Astrakhan <yuriastrakhan@gmail.com>
Date: Mon, 20 Jul 2020 11:34:03 -0400
Subject: [PATCH] Fix zIndex for two popup ups (#3768)

Clicking both buttons on https://eui.elastic.co/#/tabular-content/data-grid-styling-and-toolbar demo brings up partially hidden popups because their z-index is too low. Increasing by one seems to do the trick.
---
 src-docs/src/views/datagrid/styling.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src-docs/src/views/datagrid/styling.js b/src-docs/src/views/datagrid/styling.js
index 20229eb2df4..982535a6ad4 100644
--- a/src-docs/src/views/datagrid/styling.js
+++ b/src-docs/src/views/datagrid/styling.js
@@ -428,7 +428,7 @@ export default class DataGrid extends Component {
               button={styleButton}
               isOpen={this.state.isPopoverOpen}
               anchorPosition="rightUp"
-              zIndex={2}
+              zIndex={3}
               closePopover={this.closePopover.bind(this)}>
               <div style={{ width: 300 }}>
                 <EuiFormRow label="Border" display="columnCompressed">
@@ -505,7 +505,7 @@ export default class DataGrid extends Component {
               button={toolbarButton}
               isOpen={this.state.isToolbarPopoverOpen}
               anchorPosition="rightUp"
-              zIndex={2}
+              zIndex={3}
               closePopover={this.closeToolbarPopover.bind(this)}>
               <div style={{ width: 400 }}>
                 <EuiFormRow