IssueTracker

Jetpack Compose version: 1.3.1

Jetpack Compose component used: Card, Column, Box, Row, Text, Surface, OutlinedTextField, LazyColumn

Android Studio Build: Android Studio Electric Eel | 2022.1.1 RC 1

Kotlin version: 1.7.10

Steps to Reproduce or Code Sample to Reproduce:

This is very elusive - we have been able to consistently repro locally on a Pixel 2 with Android 11 and otherwise on production devices.

The hierarchy is: BottomSheetDialogFragment -> Fragment -> ComposeView -> and we do:

setViewCompositionStrategy(DisposeOnViewTreeLifecycleDestroyed)

ComposeView has the following content:

@OptIn(ExperimentalComposeUiApi::class)
@Composable
private fun EditorContent(
    content: Content,
    uiParams: UIParams,
    notifyEvent: (UIEvent) -> Unit,
    modifier: Modifier
) {
    val textState = remember {
        mutableStateOf(
          TextFieldValue(
            text = uiParams.newInput, 
            selection = TextRange(uiParams.newInput.length)
          )
        )
    }
    val oldInput = textState.value
    val newInput = if (oldInput.text == uiParams.newInput) {
        oldInput
    } else {
        oldInput.copy(text = uiParams.newInput).also { textState.value = it }
    }
    val focusRequester = remember { FocusRequester() }
    val keyboard = LocalSoftwareKeyboardController.current
    Column(modifier = modifier) {
        EditorHeader(content, uiParams, notifyEvent)
        if (uiParams.flavor == PROMPT_A) {
            SelectionCard(selectionTitle = uiParams.selection.text, notifyEvent = notifyEvent)
            FormInputA(
                newInput = newInput,
                onValueChange = { newText ->
                    textState.value = newText
                    notifyEvent(UIEvent.Update(newText.text))
                },
                modifier = modifier,
                placeHolderText = content.backgroundText,
                focusRequester = focusRequester
            )
        } else if (uiParams.flavor == PROMPT_B) {
            FormInputB(
                newInput = newInput,
                onValueChange = { newText ->
                    textState.value = newText
                    notifyEvent(UIEvent.Update(newText.text))
                },
                modifier = modifier,
                placeHolderText = content.backgroundText,
                labelText = content.textBoxHeader,
                focusRequester = focusRequester
            )
        }
        TextCounter(charsLeftMessage = uiParams.charCounterMessage)
        if (uiParams.flavor == PROMPT_B) {
            ListSelectionButton(title = content.buttonSecondaryText, notifyEvent = notifyEvent)
        }
        LaunchedEffect(focusRequester) {
            focusRequester.requestFocus()
            delay(KEYBOARD_DELAY)
            keyboard?.show()
        }
    }
}

Where OutlinedTextField is used in the FormInputA/B composables.

Repro steps:

1. Open bottom sheet dialog
2. Type text in text field
3. Move the cursor around/delete the text
4. Crashes

Stack trace:

java.lang.IndexOutOfBoundsException: Index: 1, Size: 0
	at java.util.ArrayList.get(ArrayList.java:437)
	at androidx.compose.runtime.Recomposer.recordComposerModificationsLocked(Recomposer.kt:1401)
	at androidx.compose.runtime.Recomposer.access$recordComposerModificationsLocked(Recomposer.kt:125)
	at androidx.compose.runtime.Recomposer$runRecomposeAndApplyChanges$2.invokeSuspend(Recomposer.kt:491)

Please find full trace attached.