Field height jumps when errors appear because of `helperText`

[Philipp91]

Field height jumps when errors appear because of `helperText`

[cliedeman]

I have given this some thought over time and don't think it should be a default. Especially because you will get a lot of extra padding for every form by default.

With helperText reserved

Without

I thought about opening this on the material-ui repo but I think the response will be the same.

For anyone else finding this issue you can do this in userland with something like

import MuiTextField from '@material-ui/core/TextField';
import {fieldToTextField, TextField, TextFieldProps} from 'formik-material-ui';

const HelperTextReserveTextField = (props: TextFieldProps) => (
  <MuiTextField
    {...fieldToTextField({
      ...props,
      helperText: props.helperText ? props.helperText: ' '
    })}
  />
);

[lippyDesign]

looks like helperText is gone from new version and it's not documented. Where did it go?

[Jsalaz1989]

This doesn't seem to be getting much attention, but yeah, I've wondered about this too. That shifting around of the fields and the form getting longer and shorter isn't great so ideally they would add that small fix you linked to. In the meantime, I'm sure a bunch of people have thought of adding the helperText=' ' prop to the <Field>, but I thought I'd put it out there.