redux-form-material-ui icon indicating copy to clipboard operation
redux-form-material-ui copied to clipboard

Field height jumps when errors appear because of `helperText`

Open Philipp91 opened this issue 6 years ago • 1 comments

A field without error and warning has no helperText set. In that case, material-ui's <TextField/> will not reserve any space for the helper text. When the field becomes validated and is invalid, the errorText is added and the height of the field increases. This leads to a visible jump in the page layout, which is especially bad if there are many invalid fields, or if it happens often as users click through the fields.

Any proper solution will have to reserve this space always, even when no error message is present. This leads to a less dense form. This was the default behavior with redux-form-material-ui 4.x and material-ui 0.x, but it broke with the new versions.

Philipp91 avatar Jul 19 '18 21:07 Philipp91

Is this going to be merged?

arno-le avatar Apr 11 '19 07:04 arno-le