IssueTracker

It seems there's a bug in Compose when navigating focus within grid layouts. In certain situations, a row is skipped when moving focus up or down. Specifically, if an item is significantly wider than the currently focused item and both share the same start or end x coordinate, the focus search skips it and jumps to another row. The minimal repro below uses LazyVerticalGrid, but I'm encountering the same issue with a more complex layout based on MinaBox.

Jetpack Compose version:

• 1.6.5
• 1.6.8
• 1.7.1

Jetpack Compose component used:

• Foundation
• UI

Android Studio Build:

• Build #AI-241.18034.62.2411.12169540

Kotlin version:

• 2.0.20

Code Sample to Reproduce:

@Composable
private fun TestFocusSearch(
    modifier: Modifier = Modifier
) {
    LazyVerticalGrid(
        columns = GridCells.Fixed(4),
        contentPadding = PaddingValues(horizontal = 64.dp, vertical = 48.dp),
        horizontalArrangement = Arrangement.spacedBy(16.dp),
        modifier = modifier,
        verticalArrangement = Arrangement.spacedBy(16.dp)
    ) {
        items(12) {
            FocusableBox()
        }

        item(
            span = { GridItemSpan(maxLineSpan) }
        ) {
            FocusableBox()
        }

        items(12) {
            FocusableBox()
        }
    }
}

@Composable
private fun FocusableBox(
    modifier: Modifier = Modifier
) {
    var isFocused by remember { mutableStateOf(false) }

    Box(
        modifier = modifier
            .height(40.dp)
            .drawBehind {
                drawRect(if (isFocused) Color.Red else Color.Gray)
            }
            .onFocusChanged { isFocused = it.isFocused }
            .focusable()
    )
}