Material 3 `ModalBottomSheet` does not display Accessibility

[Jonas-I]

Description When using the ModalBottomSheet from Material3, the accessibility for the components inside the Bottom Sheet is not rendered. The Bottom Sheet also takes up the width of the entire image rather than width of the device.

It is possible that this issue is due to the component being a modal which overlays the main UI instead of being a part of the screen layout. Using a regular BottomSheetScaffold would output the expected result.

Steps to Reproduce To display the BottomSheets, we have to set the sheetState to have an initialValue of Expanded.

For the ModalBottomSheet, we can use this test:

class ModalBottomSheetTest {

    @get:Rule
    val paparazzi = Paparazzi(renderExtensions = setOf(AccessibilityRenderExtension()))

    @Test
    @OptIn(ExperimentalMaterial3Api::class)
    fun modalBottomSheetTest() {
        paparazzi.snapshot {
            ModalBottomSheet(
                onDismissRequest = {},
                sheetState = SheetState(
                    skipPartiallyExpanded = true,
                    density = LocalDensity.current,
                    initialValue = Expanded,
                ),
            ) {
                Text(text = "Text 2")
            }
            Text(text = "Text 1")
        }
    }
}

For the BottomSheetScaffold, we can apply a similar implementation:

class BottomSheetScaffoldTest {

    @get:Rule
    val paparazzi = Paparazzi(renderExtensions = setOf(AccessibilityRenderExtension()))

    @Test
    @OptIn(ExperimentalMaterial3Api::class)
    fun bottomSheetScaffold() {
        paparazzi.snapshot {
            BottomSheetScaffold(
                scaffoldState = rememberBottomSheetScaffoldState(
                    bottomSheetState = SheetState(
                        skipPartiallyExpanded = true,
                        density = LocalDensity.current,
                        initialValue = Expanded,
                    )
                ),
                sheetContent = { Text(text = "Text 2") },
            ) {
                Text(text = "Text 1")
            }
        }
    }
}

Expected behavior We should expect to see accessibility semantics for content in the ModalBottomSheet.

Additional information:

• Paparazzi Version: 1.3.4
• OS: MacOS
• Compile SDK: 35
• Gradle Version: 8.10
• Android Gradle Plugin Version: 8.4.2

Screenshots The image below renders accessibility for only the "Text 1" component, but not "Text 2". The Bottom Sheet also takes up the whole width of the image, but is overlapped by the accessibility section.

ModalBottomSheet

BottomSheetScaffold

[geoff-powell]

Fixed, thanks for reporting