Adjusted z-index for suggestions of SmartNodeSelector to hard-coded…

… value (#202) * Adjusted z-index for suggestions of `SmartNodeSelector` to 1500.
equinor · Feb 24, 2022 · 20a0694 · 20a0694
1 parent 47de22b
commit 20a0694
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [UNRELEASED] - YYYY-MM-DD
 
 ### Added
+- [#202](https://github.com/equinor/webviz-core-components/pull/202) - Adjusted `z-index` of suggestions of `SmartNodeSelector` to a hard-coded value of `1500`.
 - [#201](https://github.com/equinor/webviz-core-components/pull/201) - Implemented wrapper around `MaterialUI's` draggable dialog. Makes a new `Dialog` component available in `Dash`.
 
 ## [0.5.5] - 2022-02-09

diff --git a/react/src/lib/components/SmartNodeSelector/components/Suggestions.css b/react/src/lib/components/SmartNodeSelector/components/Suggestions.css
@@ -17,6 +17,7 @@
     overflow-y: auto;
     -webkit-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.2);
+    z-index: 1500;
 }
 
 .Suggestions__Position {

diff --git a/react/src/lib/components/SmartNodeSelector/components/Suggestions.tsx b/react/src/lib/components/SmartNodeSelector/components/Suggestions.tsx
@@ -12,7 +12,6 @@ import PropTypes from "prop-types";
 
 import TreeNodeSelection from "../utils/TreeNodeSelection";
 import { TreeDataNodeMetaData } from "../utils/TreeDataNodeTypes";
-import { findHighestZIndex } from "../../../utils/dom";
 
 import "./Suggestions.css";
 
@@ -514,10 +513,6 @@ class Suggestions extends Component<SuggestionsProps> {
                   height: 0,
               };
 
-        const zIndex = this.positionRef.current
-            ? findHighestZIndex(this.positionRef.current) + 1
-            : 99;
-
         ReactDOM.render(
             <div
                 ref={suggestionsRef}
@@ -529,7 +524,6 @@ class Suggestions extends Component<SuggestionsProps> {
                     top: boundingRect.top,
                     left: boundingRect.left,
                     width: boundingRect.width,
-                    zIndex: zIndex,
                 }}
             >
                 <div