You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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-ui4.x and material-ui0.x, but it broke with the new versions.
The text was updated successfully, but these errors were encountered:
Philipp91
added a commit
to Philipp91/redux-form-material-ui
that referenced
this issue
Jul 19, 2018
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, theerrorText
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
andmaterial-ui
0.x
, but it broke with the new versions.The text was updated successfully, but these errors were encountered: