IssueTracker

Component used: TV

Version used: 1.0.0-alpha03

Devices/Android versions reproduced on: Emulator (Android TV 4K API 33)

This is pretty simple to reproduce. For items within an immersive list, the focusableItem modifier should be applied to each list item in which the background should change. If focusableItem is used with clickable clickable no longer works.

I think passing an InteractionSource to focusableItem which is also shared with clickable will resolve the issue.

    val interactionSource = remember { MutableInteractionSource() }
    Box( 
        modifier = Modifier
            .onFocusChanged { focusState ->
                if (focusState.isFocused) {
                    background = Color.White
                    textColor = Color.Black
                } else {
                    background = originalColor
                    textColor = Color.White
                }
            }
            .focusableItem(index) // Note interactionSource is not available here.
            .clickable(
                onClick = onClick,
                interactionSource = interactionSource,
                indication = rememberRipple()
            )
            .size(100.dp)
            .background(
                color = background
            ), contentAlignment = Alignment.Center
    ) {
        Text(text = index.toString(), color = textColor)
    }