fix(react-grid-demos): correct displaying custom selector in Edge (#2422

)
DevExpress · Oct 10, 2019 · 832586f · 832586f
1 parent 7efd72c
commit 832586f
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/...ages/dx-react-grid-demos/src/demo-sources/grid-featured-data-editing/material-ui/demo.jsx b/...ages/dx-react-grid-demos/src/demo-sources/grid-featured-data-editing/material-ui/demo.jsx
@@ -43,6 +43,9 @@ const styles = theme => ({
   inputRoot: {
     width: '100%',
   },
+  selectMenu: {
+    position: 'absolute !important',
+  },
 });
 
 const AddButton = ({ onExecute }) => (
@@ -121,11 +124,14 @@ const LookupEditCellBase = ({
     <Select
       value={value}
       onChange={event => onValueChange(event.target.value)}
+      MenuProps={{
+        className: classes.selectMenu,
+      }}
       input={(
         <Input
           classes={{ root: classes.inputRoot }}
         />
-)}
+      )}
     >
       {availableColumnValues.map(item => (
         <MenuItem key={item} value={item}>