IssueTracker

Component used: ui
Version used: 1.0.0-beta05
Devices/Android versions reproduced on: Pixel 5

I have a dialog with content that might not fit so I would like the content to wrap its content and scroll if it doesn't fit. To do this I am using Modifier.weight(1f, fill = false). When placed inside the dialog however the content does wrap but the dialogs height fills the whole screen.

As you can see in the screenshot there is extra space below the "cancel" button which is unexpected. If the content is placed outside of a Dialog it works as expected.

The code in question is:

@Preview
@Composable
fun TestWeight() {
    Dialog(onDismissRequest = {}) {
        Surface(elevation = 24.dp) {
            Column {
                ListItem { Text("Title") }

                Box(Modifier.weight(1f, fill = false)) {
                    Column(Modifier
                        .verticalScroll(rememberScrollState())
                        .padding(16.dp)
                    ) {
                        repeat(8) { i ->
                            ListItem { Text("Item ${i + 1}") }
                        }
                    }
                }
                Box(Modifier.fillMaxWidth(), contentAlignment = Alignment.Center) {
                    TextButton(onClick = { }) {
                        Text("Cancel")
                    }
                }
            }
        }
    }
}