Skip to content

Commit

Permalink
Fix zIndex for two popup ups (#3768)
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
nyurik authored Jul 20, 2020
1 parent d640c9c commit 22cffc7
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src-docs/src/views/datagrid/styling.js
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -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
Expand Down

0 comments on commit 22cffc7

Please sign in to comment.