Hi, I have built a TextField composable that acts like a drop down field. I would like to place it in the

trailing

slot of a

ListItem

but due to its default minWidth of 280 dp I can't make it smaller without side effects. When I set the with of the

TextField

it behaves not like expected. The TextField will always fill a width of 280 dp no matter what width I apply. What options do I have here? Should I make an own version of TextField -> what basic composable would I use to build on?

If you can create a ticket with repro steps, a sample code and maybe your expectation it would be awesome

@Siyamed I have previewed a simple TextField with a custom width. As you can see its parent container still takes its 280 dp no matter what width I have applied. It's not visivle but it still takes the space. That's the reason why in my screenshot above the TextField looks like centered but it's simple taking in the whole space which I described as side effect. I would expect that its width matches the width I have applied. I'm using alpha09

Hey, can you share the component? 🙏 i wnt to use one in a project

Sure

Would this work (adjusted) as a clickable TextField?

Yes of course. You have to move the code within the

trailingIcon

slot out of the slot and remove this slot. Then you make your TextField

clickable

via the modifier. And in the clickable block you define the expanding logic. I have currently stress otherwise I would implement it for you

@Anastasia [G] if they have an idea in terms of min width on the material layer

There is a change in review already which removes the 280dp minimum width,

As far as I know there will be a release tomorrow?

it wouldnt make it to tomorrow 🙂

alright 🙂

since the releases are cut earlier

and also it is not merged yet

what options do I have until then?

there is a lower level component named

BasicTextField

Thanks a lot, I will check it