Merge pull request #370 from data-driven-forms/fix-mui-textfield

fix(mui): Add relative position to field wrapper.

Author: rvsia

packages/mui-component-mapper/src/form-fields/form-fields.js

@@ -13,6 +13,7 @@ import Switch from '@material-ui/core/Switch';
 import FormGroup from '@material-ui/core/FormGroup';
 import MuiSelect from './select-field';
 import FormLabel from '@material-ui/core/FormLabel';
+import { makeStyles } from '@material-ui/core/styles';
 
 import { MuiPickersUtilsProvider, TimePicker, DatePicker } from 'material-ui-pickers';
 import MomentUtils from '@date-io/moment';
@@ -195,6 +196,12 @@ const selectComponent = ({
   ),
 })[componentType];
 
+const useFinalFormFieldStyles = makeStyles({
+  grid: {
+    position: 'relative'
+  }
+})
+
 const FinalFormField = ({
   meta,
   validateOnMount,
@@ -204,9 +211,10 @@ const FinalFormField = ({
   helperText,
   ...rest
 }) => {
+  const classes = useFinalFormFieldStyles()
   const invalid = validationError(meta, validateOnMount);
   return (
-    <Grid item sm={ 12 }>
+    <Grid item sm={ 12 } className={classes.grid}>
       { selectComponent({
         ...rest,
         invalid,

yarn.lock

@@ -2389,7 +2389,7 @@
   version "1.0.175"
   resolved "https://registry.yarnpkg.com/@patternfly/patternfly-next/-/patternfly-next-1.0.175.tgz#47d2ee6448ee7132874290e8bb68bbd5d52e1664"
 
-"@patternfly/react-core@^3.140.11":
+"@patternfly/react-core@^3.134.2":
   version "3.140.11"
   resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-3.140.11.tgz#6350acb17a922d40ca1ab988ee23c470079bcd20"
   integrity sha512-841DeN5BTuUS02JfVXAAVJYtWY0HWc4ewqMD32Xog2MAR/pn74jzjnQOSQr4LUyVrH5QufB68SK4Alm2+IUzSw==