Text inputs are manipulated multiple times (and unnecessarily) in the DOM

Steps to reproduce:

I created a JS Bin to reproduce the problem.

http://jsbin.com/qegiwuzara/edit?html,js,console,output

1. Type Perf.start() into the console (third pane from the left).
2. Edit the contents of one of the text inputs in the rightmost pane.
3. Type Perf.stop() and Perf.printDOM() into the console.

This should show that the value attribute of the edited text input was updated three times in the DOM, and the unedited text input was also updated once.

I tested the same code with 0.13.1. According to React.addons.Perf, only the modified input was updated in the DOM, and it was only updated once.

[aweary]

With the current implementation, the value property on an input element is only updated if the value has changed. This goes for the other managed attributes as well. That means that ReactDOMInput.updateWrapper will not update the DOM if there are no updates to be made, so this should no longer be an issue.

Thanks!

[karczk]

I also came across on this behavior while testing my app with Perf tools (0.14.2, 0.14.3). React updates text inputs (type “update attribute”) on every refresh despite the fact that the value has not changed. Any progress / planned changes?