IssueTracker

Jetpack Compose version & components:

• implementation("androidx.core:core-ktx:1.10.1")
• implementation("androidx.activity:activity-compose:1.7.2")
• implementation(platform("androidx.compose:compose-bom:2023.06.01"))
• implementation("androidx.compose.material3:material3:1.1.1")

Kotlin version: 1.8.10 & Compose compiler 1.4.3

Steps to Reproduce or Code Sample to Reproduce:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.imePadding
import androidx.compose.foundation.layout.navigationBarsPadding
import androidx.compose.foundation.layout.statusBarsPadding
import androidx.compose.material3.*
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.core.view.WindowCompat

class MainActivity : ComponentActivity() {
    @OptIn(ExperimentalMaterial3Api::class)
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        WindowCompat.setDecorFitsSystemWindows(window, false)
        setContent {
            MaterialTheme {
                var shown by remember { mutableStateOf(false) }
                OutlinedButton(onClick = { shown = true }, Modifier.statusBarsPadding()) { Text("Show") }
                if (shown) {
                    ModalBottomSheet(
                        onDismissRequest = { shown = false },
                        windowInsets = WindowInsets(0)
                    ) {
                        var value by remember { mutableStateOf("") }
                        OutlinedTextField(
                            modifier = Modifier
                                .navigationBarsPadding()
                                .imePadding(),
                            value = value,
                            onValueChange = { value = it }
                        )
                    }
                }
            }
        }
    }
}

Steps to reproduce:

1. Compile & Run
2. Click Show
3. Then click into the text field

Expected result:

1. It shows the bottom sheet above the navigation bar and after clicking also above the keyboard. This works on Android 11+, but it does not work on Android 10- (see phone specs below)

Current result:

1. Bottom sheet is behind the navigation bar and later fully hidden behind the keyboard.

Phone specs:

• Pixel 6A Android 14beta4 - works ok
• Huawei P30 lite - Android 9 (Build num 9.1.0.442 (C431E3R3P1)) - does not work ok
• OnePlus 5T - Android 10 (Build numA5010_43_1902) - does not work ok.

I've verified that any insets read inside the ModalBottomSheet's content slot does not work, outside of it, it works ok. E.g. using the default windowInsets arg "works" in a way it puts the bottom sheet above the nav bar.

Screenshots attached.