IssueTracker

Component used: TV

Version used: latest version of navigation-compose (2.8.0) and latest version of kotlin (2.10.0)

Devices/Android versions reproduced on: All devices (latest test on emulator Android TV with API 34)

Here's my sample to reproduce the issue :

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            val navController = rememberNavController()
            NavHost(
                navController = navController,
                startDestination = "Home"
            ) {
                composable("Home") {
                    val list = rememberSaveable { List(100) { "Card $it" } }
                    LazyVerticalGrid(
                        modifier = Modifier
                            .fillMaxSize(),
                        columns = GridCells.Adaptive(minSize = 70.dp),
                        contentPadding = PaddingValues(horizontal = 40.dp),
                        horizontalArrangement = Arrangement.spacedBy(20.dp),
                        verticalArrangement = Arrangement.spacedBy(20.dp)
                    ) {
                        itemsIndexed(
                            items = list,
                            key = { index, _ -> index }
                        ) { _, item ->
                            var isFocused by remember { mutableStateOf(false) }
                            Box(
                                modifier = Modifier
                                    .onFocusChanged { isFocused = it.hasFocus }
                                    .size(height = 70.dp, width = 70.dp)
                                    .background(Color.Red)
                                    .border(width = 2.dp, color = if (isFocused) Color.White else Color.Transparent)
                                    .clickable { navController.navigate("Details") }
                                    .focusable(),
                                contentAlignment = Alignment.Center
                            ) {
                                Text(text = item)
                            }
                        }
                    }
                }
                composable("Details") {
                    Box(
                        modifier = Modifier.fillMaxSize(),
                        contentAlignment = Alignment.Center
                    ) {
                        Button(
                            onClick = { navController.popBackStack() }
                        ) {
                            Text(text = "Go back")
                        }
                    }
                }
            }
        }
    }
}

I have a two screens on my sample app : Home and Details. On the HomeScreen I've a LazyVerticalGrid of 100 elements and the DetailsScreen is just a back button.

When I scroll on the HomeScreen, enter in the DetailsScreen and go back, the focus is not restored on the pressed card.

Is there a simple way to implement the focus restoration (without setting a focus restorer to all cards) ?