ClassCastException with native event when using autocomplete

[thubalek]

Hi, I'm working with JetPack Compose for Web and I found that following snippet

@Composable
fun ClassCastExceptionTestCaseView() {
    Input(attrs = {
        onInput {
            console.log("New value is", it.nativeEvent.target.asDynamic().value as String)
        }
        attr("type", "email")
        attr("autocomplete", "email")
    }, value = "")
}

causes ClassCastException when using autocomplete. When typing then there is no problem.

In debugger it looks like this:

I'm not sure but it may be a bug in JetPack Compose for Web.

[thubalek]

According suggestion on Kotlin Slack I implemented this workaround:

@Composable
fun ClassCastExceptionTestCaseView() {
    Input(attrs = {
        // onInput {
        //     console.log("New value is", it.nativeEvent.target.asDynamic().value as String)
        // }
        attr("type", "email")
        attr("autocomplete", "email")
    }, value = "") {
        DomSideEffect {
          val callback : ((Event)->Unit) = { event ->
                val newText = event.target.asDynamic().value
                console.log("New value is", newText)
            }
            it.addEventListener("input", callback)
            onDispose { element ->
                element.removeEventListener("input", callback)
            }
         }
    }
} 

[hfhbd]

This works too

Input(...
  attrs = {
    addEventListener("input") {
      val target = it.nativeEvent.target as HTMLInputElement
      onChange(target)
    }
  }
)

[eymar]

fixed in 0.5.0-build228