Hi, Can someone help me on how to clear a textarea in the following example.

# compose-web

[Jonas TM]

Hi, Can someone help me on how to clear a textarea in the following example.

Untitled.kt

[David Herman]

Change the first line to

var inputState = remember { mutableStateOf("") }

or, more idiomatically

var inputState by remember { mutableStateOf("") }
// later
inputState = ""

[Jonas TM]

@David Herman Thanks for your response. This is unfortunately not working as well. (I got the first line same as you proposed.

[Jonas TM]

Same goes for the second variant I still get the initial problem even though here I can now assign directly.

var inputState by remember { mutableStateOf("") }
// ...
// will not update TextArea
inputState = ""

[Oleksandr Karpovich [JB]]

I've changed your code a bit:

val inputState = remember { mutableStateOf("") }
        TextArea(attrs = {
            value(inputState.value)
            onInput { event -> inputState.value = event.value }
            onKeyDown {
                if(it.key == "Enter" && it.shiftKey) { // changed `!it.shiftKey` to `it.shiftKey`
                 
                    inputState.value = ""
                    it.preventDefault() // added this
                }
            }
        })

now it clears the text area when pressing enter+shift

[Jonas TM]

Thanks a a lot @Oleksandr Karpovich [JB] will try it out later. 🚀