Prevent Component Resize/Reset on State Change
I have a text field component with several states:
- default (inactive)
- hover
- focus
- inactive filled
- error - empty
- error - filled
- disabled
PROBLEM:
I place the component on the artbaord, change the label to "First Name" (for example), and I adjust the size of the input. However, when I change the state from Default to Hover, the input rezies back to the default size, AND the label changes back to the default label. So I have to repeat label and size update. Then, I have to repear over and over for the remaining 5 states.
EXPEXTEC RESULT:
How do I make it so the component DOES NOT RESISZE AND RESET THE TEXT everytime I change the state? Why don't state changes inherit the size and text that is set on the default state? How do I over come this?
DEMO OF PROBLEM:
Just found this other topic, which is the same problem, form about a year ago.
AdChoices