Text input label in Figma

[anatfi-uxui]

Hey everyone! :)
I'm encountering a recurring issue—when I try to activate the label of a TextInput, Figma causes the component to jump, and I can't seem to fix it. This leads to additional problems with alignment, precision, and working with development.
Does anyone have any ideas on how to solve this?

[onursenture]

Hello,

If I've understood the problem correctly, the issue you're experiencing—where the input text's height changes when you toggle the label—is due to the auto layout adjusting the component's height. You wouldn't encounter this jumping behavior if the height remained the same, whether the label was visible or hidden.

To achieve this consistent height, select all the labels (select one and press Q to activate multi-edit variant mode) inside your input text component and set their positions to Absolute position. On the Y-axis, assign a negative value equal to the label's height (21px) plus the space between the label and the input (7px), totaling -28px.

By doing this, the height of your input text will remain constant when you show or hide the label, eliminating the jump.