Resize Input Based on content

Hi, I have a single line input that I want to resize based on the value so that it shows the full value until the max width is hit.

I thought “auto” on width would do this but instead it doesnt. Instead of overflowing I just want the input box width to increase.

I’m assuming there is something simple that I’m missing right?

Check if the width is not set, if it isn’t bind it to “fit-content”, check also parent elements, if they’re not set on something fixed. I know this can be done, because I did it with multiselect I think.

Hi, this is how I set it up with the fit content but it still doesnt work. The parent div isnt restricting the size, its much bigger.