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
There is a visual bug introduced in 5.11.0 related to theoutlined styled TextInput that is causing inputs with their values set imperatively, either via defaultValue or value render the label and then snap to the left margin.
label-snapping.mp4
Expected behaviour
Prior to 5.11.0, labels rendered in the expected position.
5.10.6.mp4
How to reproduce?
Added a TextInput components with mode="outlined" and an imperatively set value. value and defaultValue will both result in the behavior. Expect the input to display the label snapping behavior on initial render. <TextInput label="Text Input Label" mode="outlined" value="Your input value"/>
Current behaviour
There is a visual bug introduced in 5.11.0 related to the
outlined
styledTextInput
that is causing inputs with their values set imperatively, either viadefaultValue
orvalue
render the label and then snap to the left margin.label-snapping.mp4
Expected behaviour
Prior to 5.11.0, labels rendered in the expected position.
5.10.6.mp4
How to reproduce?
Added a
TextInput
components withmode="outlined"
and an imperatively set value.value
anddefaultValue
will both result in the behavior. Expect the input to display the label snapping behavior on initial render.<TextInput label="Text Input Label" mode="outlined" value="Your input value"/>
Preview
What have you tried so far?
Your Environment
The text was updated successfully, but these errors were encountered: