IssueTracker

Currently facing an issue with the Material 3 library where starting from 1.4.0-alpha06 (and still present in alpha07) a bug was introduced where the toolbar padding in a Scaffold is displaying an unexpected inset when there is no cutout or any device artifact to justify it.

Using a basic example:

@Preview
@Composable
fun Test() {
    Scaffold(
        topBar = {
            TopAppBar(
                title = { Text(text = "TopAppBar") },
                navigationIcon = { IconButton({ }) { Icon(Icons.AutoMirrored.Filled.ArrowBack) } },
            )
        }
    ) { paddingValues ->
        Column(
            modifier = Modifier
                .padding(paddingValues)
                .fillMaxWidth()
        ) { Text(text = "Scaffold content") }
    }
}

Shows no problems in versions 1.4.0-alpha05 and below (including stable 1.3.1).

See attached "correct" screenshot where the top bar does not display any extra inset in the Android Studio UI Preview window.

Whereas on versions 1.4.0-alpha06 and above it shows an extra padding on top of the top bar for no reason whatsoever on the Android Studio UI Preview window, see "bug" screenshot.

Note: At no point has there ever been any changes to default settings of Android Studio's Preview utility, all it is using is the exact same simple @Preview annotation an nothing else.

To work around this problem I am forced to revert to a previous library version or manually override every single TopAppBar window insets values to 0.dp, which is just not a reasonable expectation, especially when considering that this shouldn't even be happening on a basic preview window with no cutouts present.

Reading the release notes of 1.4.0-alpha06 the likely culprit lies with the "Added displayCutout to the group of insets that Material components take into account by default, to avoid content overlapping with the display cutout." which, in the case of the examples I provided, makes no sense since it does not have a single cutout configured.