A modern programming language that makes developers happier.

kotlinlang

Is there a sensible way to support a smaller `TextField` (width) than the material design one? :thread::eyes:

TextFieldDefaults has this comment:

&gt; The default min width applied for a TextField and OutlinedTextField. Note that you can override it by applying Modifier.widthIn directly on a text field.
That doesnt do anything for me :disappointed:
```modifier = Modifier.widthIn(
    min = TouchTargetSmall //48.dp
)```
I can wrap it inside a `Box`with `Modifier.width(120.dp)` but then Id have to guess how small its going to be, Id like for it to just wrap its contents.

You want it to grow as someone types into it? Usually people report that kind of thing as a bug :upside_down_face:

Almost! I just need it to be a bit smaller, the maxLength for my use-case is 5 characters; yet it takes up 280.dp and results in the input being "aligned" to the left rather than center, if that makes sense?

What if the user increased the system font scaling in system settings?

There's plenty of room for it to grow, I just dont want it to start off at 280.dp if the max width (5 characters) only requires something like 180.dp. With font scaling applied, the required width might instead be 260.dp in order to wrap those 5 characters, and that would be fine since it would remain centered.

I can share some screenshots of my use case when I get back home, perhaps it'll make sense? :innocent: It's basically an input field in the middle of the screen where you can input a short duration (mm:ss), since the field has a minimum width of 280, the text starts off to the left instead of being in the center, even if I have a placeholder to fill in 00:30, the remainder of the min width pushes it towards the left and it looks awkward/wrong.

Heres the <https://imgur.com/a/UYNoh87|screenshot> :slightly_smiling_face:

Id like to make the text in the middle editable, but as I mentioned - the text is no longer centered due to the minWidth "offsetting" it to the left when using a TextField, and it just looks wrong.

In the worst case scenario, I can just pop up a dialog when you tap the text, and include the TextField there instead - but editing it inline would be a much better user experience. If editing inline works, Ill naturally include a hint that you can tap it to edit (I feel like I have to mention that.. :blob-sweat-smile:)

I think what you'd ideally want here is a way to implement your own text entry from the soft keyboard relationship on up. Drawing the text at all is something you want to have full control over.

That could work, atlhough I obviously have no idea how Id make that happen - open to learn it though! :eyes:

BasicTextField is the place to start with the current API but I think we have some work to do in compose-ui itself to expose some lower level building blocks

Alright :slightly_smiling_face: Ill leave it alone for now, the material library has covered all my needs thus far and I think that if I dabble with BasicTextField in an attempt to mimic 99% of the TextField functionality/look, itll just crush my hopes &amp; dreams in the long run with maintenance work. I appreciate the responses, thank you!