Node re-use carries over DOM state like :focus about virtual-dom HOT 3 OPEN

For what it's worth, React has the same issue when re-using nodes within a component but not when using separate components. Does Elm have the equivalent of that second React example?

from virtual-dom.

This is one of the cases where it is recommended to use a Html.Keyed.node.
Here is your example fixed with this technique.

from virtual-dom.

I think we're having the same conversation on Reddit. I'm aware that keying the nodes will force a re-render and fix the problem in my specific and contrived example. I don't think it's reasonable to expect Elm developers to a) know that this issue exists and b) know how to use Html.Keyed properly (using it too much affects render performance, using it too little leaks state between unrelated nodes).

What I was hinting at in my previous comment is that other virtual DOM implementations have implicit keying (or enforce explicit keying in certain circumstances) in a way that makes this a non-issue. I think it's reasonable for Elm to attempt to do the same. One way might be for Elm to implicitly key child views based on their function name.

from virtual-dom.