IssueTracker

Jetpack Compose version:

    androidx-compose-animation = "1.8.0-beta02"
    androidx-compose-foundation = "1.8.0-beta02"
    androidx-compose-material3 = "1.4.0-alpha08"
    androidx-compose-material3-adaptive = "1.1.0-beta02"
    androidx-compose-runtime = "1.8.0-beta02"
    androidx-compose-ui = "1.8.0-beta02"
    androidx-fragment = "1.8.6"

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

Material Compose component used: NavigationSuiteScaffold + AndroidFragment

In my application I use NavigationSuiteScaffold, the content of which is displayed via Fragment. I encountered the fact that Insets are not available to me inside the fragment.

I apply insets to the view in the fragment, but here to simplify the example I will do it via compose, the result is the same:

class TestFragment : Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? = content {
        Box(
            modifier = Modifier
                .background(Color.Green)
                .statusBarsPadding()
                .background(Color.Red)
                .fillMaxSize()
        )
    }
}

If I use it without NavigationSuiteScaffold, everything is displayed as it should (Screenshot_1) - OK:

@Composable
fun DiscoveryScreenV1() {
    AndroidFragment<TestFragment>(modifier = Modifier.fillMaxSize())
}

But if I use it NavigationSuiteScaffold with AndroidFragment - Insets are lost (Screenshot_2) - NOT OK:

@Composable
fun DiscoveryScreenV0() {
    var selectedItem by remember { mutableIntStateOf(0) }
    val navItems = listOf("Songs", "Artists", "Playlists")
    NavigationSuiteScaffold(
        navigationSuiteItems = {
            navItems.forEachIndexed { index, navItem ->
                item(
                    icon = {
                        Icon(
                            painter = painterResource(R.drawable.ic_speaker_notes_24dp),
                            contentDescription = navItem,
                        )
                    },
                    label = { Text(navItem) },
                    selected = selectedItem == index,
                    onClick = { selectedItem = index }
                )
            }
        }
    ) {
        AndroidFragment<TestFragment>(modifier = Modifier.fillMaxSize())
    }
}

But if I use it NavigationSuiteScaffold without AndroidFragment - Insets are fine (Screenshot_3) - OK:

@Composable
fun DiscoveryScreenV2() {
    var selectedItem by remember { mutableIntStateOf(0) }
    val navItems = listOf("Songs", "Artists", "Playlists")
    NavigationSuiteScaffold(
        navigationSuiteItems = {
            navItems.forEachIndexed { index, navItem ->
                item(
                    icon = {
                        Icon(
                            painter = painterResource(R.drawable.ic_speaker_notes_24dp),
                            contentDescription = navItem,
                        )
                    },
                    label = { Text(navItem) },
                    selected = selectedItem == index,
                    onClick = { selectedItem = index }
                )
            }
        }
    ) {
        Box(
            modifier = Modifier
                .background(Color.Green)
                .statusBarsPadding()
                .background(Color.Red)
                .fillMaxSize()
        )
    }
}