A modern programming language that makes developers happier.

kotlinlang

Screenshot from 2021-03-03 15-45-03.png

I needed a [Material ExposedDropdownMenu](<https://material.io/components/menus#exposed-dropdown-menu>), so I built one by combining an OutlinedTextField and a DropdownMenu. What I've built works, but feels a little hacky. I ended up needing to use SubcomposeLayout and MutableInteractionSource for the first time. Does that sound reasonable?

The code: <https://gist.github.com/danielzfranklin/6af017eec110dee4980167bb833077ef>

I use SubcomposeLayout because DropdownMenu opens a popup outside the normal flow, so if I want it to be properly positioned and sized I need to know the size of the field. I use MutableInteractionSource to make the text field focused when the menu is expanded, and visa-versa.

I end up with this solution: <https://github.com/alorma/Compose-Debug-Drawer/blob/main/drawer-modules/src/main/java/com/alorma/drawer_modules/actions/DropdownSelectorAction.kt|https://github.com/alorma/Compose-Debug-Drawer/blob/main/drawer-modules/src/main/java/com/alorma/drawer_modules/actions/DropdownSelectorAction.kt>

Screenshot_20210303_182802_com.alorma.composedrawer.jpg

You might find what I did to properly set the width of the drop-down useful

Looks great! By the way, have you seen the following? It may be interesting to see what they did. <https://android-review.googlesource.com/c/platform/frameworks/support/+/1539606>

Well I tried it and it does not work really well (talking about the gerrit link), but that is probably why it hasn't been merged. Maybe it contains something you find useful.

Yeah, its a pretty similar general approach to what I ended up with

One of the things I think they do better is using the `FocusRequester` api instead of a `MutableInteractionSource`, which I didn't know about

They also change the DropdownMenu API to remove the need for the SubcomposeLayout I use