IssueTracker

I've encountered a bug in Compose related to focus and clickable links within an AnnotatedString. Specifically, when two clickable spans are present in the string, and the user navigates from the second link to the first using the left arrow key, the first link does not visually display a focus indicator.

While it appears as if focus is lost, the first link is indeed focused. This can be confirmed by pressing the Enter key, which triggers the toast "Clicked on link!" associated with the first link. The visual focus indicator, however, is missing.

Here is a minimal reproducible example

@Composable
fun TwoAnnotatedText() {
    val context = LocalContext.current
    val stringBuilder = AnnotatedString.Builder("This is some text with a many many many links.")
    val focusedStyle =
      SpanStyle(
        color = MaterialTheme.colorScheme.onPrimary,
        background = MaterialTheme.colorScheme.primary,
        textDecoration = TextDecoration.Underline,
      )
    stringBuilder.addLink(
      LinkAnnotation.Clickable(
        tag = "LINK",
        styles = TextLinkStyles(
          style = SpanStyle(color = MaterialTheme.colorScheme.primary, textDecoration = TextDecoration.Underline),
          focusedStyle = focusedStyle,
        )) {
        Toast.makeText(context, "Clicked on link!", Toast.LENGTH_SHORT).show()
      },
      start = 10, end = 15 // Link boundaries
    )
    stringBuilder.addLink(
      LinkAnnotation.Clickable(
        tag = "LINK2",
        styles = TextLinkStyles(
          style = SpanStyle(color = MaterialTheme.colorScheme.primary, textDecoration = TextDecoration.Underline),
          focusedStyle = focusedStyle,
        )) {
        Toast.makeText(context, "Clicked on link2!", Toast.LENGTH_SHORT).show()
      },
      start = 25, end = 30 // Link boundaries
    )
    val annotatedText = stringBuilder.toAnnotatedString()
    val inlineTextContentMap: MutableMap<String, InlineTextContent> = mutableMapOf()
    Text(
      text = annotatedText,
      inlineContent = inlineTextContentMap,
      modifier = Modifier.padding(vertical = 16.dp),
    )
}