ModalDrawer does not prevent tab navigation in background

See this example code:

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.DrawerValue
import androidx.compose.material.ModalDrawer
import androidx.compose.material.Text
import androidx.compose.material.TextButton
import androidx.compose.material.rememberDrawerState
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.DpSize
import androidx.compose.ui.unit.dp
import androidx.compose.ui.window.WindowState
import androidx.compose.ui.window.singleWindowApplication

fun main() = singleWindowApplication(WindowState(size = DpSize(300.dp,100.dp))) {
    val drawerState = rememberDrawerState(DrawerValue.Open)
    ModalDrawer(
        drawerState = drawerState,
        drawerContent = {
            TextButton(onClick = {}) {
                Text("Focusable as expected")
            }
        }
    ) {
        Box(Modifier.fillMaxSize()) {
            TextButton(onClick = {}, modifier = Modifier.align(Alignment.TopEnd)) {
                Text("Should not be focusable")
            }
        }
    }
}

Mouse interaction with the items in the background is prevented, but keyboard interaction (via Tab navigation and, e.g., Enter to click) is not:

I guess this might not be limited to Compose for Desktop, since focus management is not platform specific from what I could tell from the source code. In case it also affects Jetpack Compose, I’m not sure where to raise the issue.

Also, I didn’t find any way to conveniently disable all interaction (including tab navigation) of some composable including its children. Using Modifier.focusProperties { canFocus = false } on the first child in content did disable focus reception for some children, but not for all.

[ialokim]

Reported upstream: https://issuetracker.google.com/261572786

[dima-avdeev-jb]

Also, add reproducer to GitHub: https://github.com/dima-avdeev-jb/desktop-background-focus