Reagent component with input box loses focus on change when tracking atom

[mathfarmer]

Having a lot of fun with devcards and figwheel, but ran into the following issue: if I add a reagent component with an input box that updates on change to a card and also try tracking the atom those changes flow to, the input box loses focus on every change, i.e. on every keystroke. Gist to reproduce is here.

Note that there is an easy enough workaround for this: duplicate the card, but don't pass the state atom to that one. The one without the atom accepts changes to the input box without losing focus just fine, and you still get the live state display and history tracking in the other card, which otherwise works just fine.

[bhauman]

Try adding :watch-atom false to the devcards options

[mathfarmer]

Adding :watch-atom false to the options had no effect.

[bhauman]

Hmmmm must be a bug ... I think that option is being ignored.

[bhauman]

I found the problem in Reagent:
reagent-project/reagent#195

[bhauman]

and here is a new version of your gist fixed
https://gist.github.com/bhauman/24407865e5714c2e023a

[mathfarmer]

Cool! Thanks for tracking that down. I will track the upstream issue. Closing this one down.

Thanks again! Your tools really do make UI work pleasant.

[bhauman]

I was wrong about that I am fixing this in Devcards right now.

[bhauman]

This is fixed in the recent release of Devcards.