IssueTracker

Jetpack Compose version:

Material Library Version (M2, M3 or Both?): M3 1.3.0

Material Compose component used: ModalBottomSheet

Android Studio Build: Build #AI-241.19072.14.2412.12360217 (Android Studio Koala Feature Drop | 2024.1.2 Patch 1)

Kotlin version: 1.9.0

Steps to Reproduce or Code Sample to Reproduce:

Below code sample with Compose BOM 2024.09.03 (M3 version 1.3.0) has the problem that when a height is assigned to the bottomsheet, it goes all teh way to the top, and the height is applied such that the scrim shows through at the bottom. WIth BOM 2024.08.00 (M3 version 1.2.1) the bottomsheet correctly is on the bottom and the scrim shows in the remaining section at the top.

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            MyApplicationTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->


                    Column {
                        Greeting(
                            name = "Android",
                            modifier = Modifier.padding(innerPadding)
                        )

                        ButtonSection()

                    }

                }
            }
        }
    }
}

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun ButtonSection() {
    val bottomSheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)
    var showBottomSheet by remember { mutableStateOf(false) }

    Button(onClick = { showBottomSheet = true }) {
        Text("Toggle Bottom Sheet")
    }


    if (showBottomSheet) {
        ModalBottomSheet(
            modifier = Modifier.fillMaxHeight(0.9f),
            sheetState = bottomSheetState,
            onDismissRequest = { showBottomSheet = false }
        ) {
            Box(modifier = Modifier.fillMaxSize()) {
                Text("I'm a bottomsheet")
            }
        }
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
        text = "Hello $name!",
        modifier = modifier
    )
}

Stack trace (if applicable): N/A