Elm and Radio button wonkiness

Question

I've been creating a survey with elm that uses radio buttons for different questions. Users can click back and forth between questions and select different radio options. However, I get some wonky behavior if the user backtracks through the survey.

If you make some selections, click "next question" make a couple of selections and click "previous question" the previous selections you made "disappear"

I've created an example that you can view on Ellie.

Answer 1

I eventually fixed this by doing what Matthew Stevenson and Hal suggested in the comments of my question: use Elm's Html.Keyed library. I eventually ended up keying my table rows tr which seems to have fixed the problem.

Here is the Updated Ellie

Answer 2

Interestingly enough.. this is a BootStrap issue. Try removing the reference to bootstrap, and try to replicate the bug. It goes away, I remember having the same issue with a previous project. Hopefully this helps!