IssueTracker

Jetpack Compose version:

• Compose BOM 2024.08.00

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

• Tested with M3, 1.2.1

Material Compose component used:

• androidx.compose.material3.Scaffold

Steps to Reproduce:

1. Create a new "Empty Activity" project from Android Studio. Observe in MainActivity.kt, (a) enableEdgeToEdge is called and (b) Scaffold's PaddingValues (called innerPadding here) is applied to the entire content.

enableEdgeToEdge()
setContent {
    ScaffoldDisplayCutoutsTheme {
        Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
            Greeting(
                name = "Android",
                modifier = Modifier.padding(innerPadding)
            )
        }
    }
}

2. Run app on a handheld test device (e.g. tested on a Pixel 7 Pro).
3. Rotate to landscape. ==> Issue: Composable draws under the display cutout region. Expectation is for content to avoid both the system bar region and display cutout region.

See attached image (Scaffold_DisplayCutout.png). I've modified the sample code to make the issue more apparent. Notice the Composable, which is using innerPadding, avoids the system bars region but does not avoid the display cutout region.

Severity: To ensure Scaffold's PaddingValues makes going edge-to-edge easy, it should account for display cutouts. Otherwise, developers shouldn't use Scaffold's PaddingValues and should instead use alternatives like WindowInsets.safeDrawing, WindowInsets.safeGestures, or WindowInsets.safeContent. This is especially important as edge-to-edge is enforced in Android 15.