Introduce special cases for updating input(value := someRx)

[fdietze]

Have a look at this example:

val inputValue = Var("test")

document.body.appendChild(
  div(
    input(value := inputValue),
    button(onclick := { () => inputValue() = inputValue.now + "!" }, "append !")
  ).render
)

This produces an input field with initial value test. When clicking the button, it appends a ! to the end of the value. This works well until the value of the input field has been changed manually by the user. This is because the attribute value on the input field can only be used to set the initial value, but not overwrite values set by the user. For updates, the value property of the rendered input DOM-Node needs to be set.

I propose to introduce special cases for this behavior:
input(value := someRx) should update the value property instead of setting the attribute.

I would contribute this change but need some hints on how/where to do this.

[ghost]

Yes, that would be very nice. Meanwhile I have to use an ugly:
def updateInputCell(i: Int, v: String) = { dom.document.querySelector("#cell" + i).asInstanceOf[domhtml.Input].value = v }
instead of
cells(i)() = v

[fdietze]

I opened this issue a year ago, but it's not relevant for me anymore. I switched to and contributed my wanted features (including this one) to Outwatch.