Unexpected null in singult when trying to bind! about c2 HOT 6 CLOSED

Where's the HTML in your toy project?
Do you have a node with ID "content" on the page?
(Make sure you are loading the JS in the page footer, after the HTML has been loaded. Alternatively, use c2.events#onload to fire a function when the browser says it's ready.)

from c2.

The HTML is produced from hiccup in src/clj/c2_cljs_examples/views.clj.
Yes.
Ah, that was it. It's been a while since I've done frontend stuff!

Now, though, I'm running into a different problem when trying that same bind!: the JS throws "Cannot merge $e into node of different type", from the same singult function as before.

from c2.

The error is because you're trying to merge an paragraph into a div.

from c2.

I thought the whole point of bind! was that it would update the DOM to match the hiccup that you feed it. Are there other similar restrictions I should know about? Or am I grossly misunderstanding the point?

from c2.

It'll update element attributes and children (including adding/removing children nodes). The idea, though, is that you're updating the content of a DOM tree---not radically restructuring the DOM tree itself.
In the code above, you are telling Singult to turn one kind of DOM node into another ("turn this cat into a jar of mayonnaise"), which doesn't make a ton of sense.

If you stick to updating attributes and content, you'll be fine.

from c2.

Deal. Thanks for the help!

from c2.