ui: fix react-select menu position

* closes cernanalysispreservation#1954 Signed-off-by: papadopan <[email protected]>
Lilykos · Nov 20, 2020 · 41cff42 · 41cff42
1 parent c6ddf0b
commit 41cff42
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/ui/cap-react/src/components/drafts/form/themes/grommet/widgets/TextWidget.js b/ui/cap-react/src/components/drafts/form/themes/grommet/widgets/TextWidget.js
@@ -261,6 +261,8 @@ class TextWidget extends Component {
             defaultOptions={false}
             value={{ label: this.props.value, value: this.props.value }}
             loadOptions={debounce(this.updateSuggestions, 500)}
+            styles={{ menuPortal: base => ({ ...base, zIndex: 9999 }) }}
+            menuPortalTarget={document.body.getElementsByClassName("rjsf")[0]}
           />
         </Box>
       );