Hi, I’m having trouble with radio buttons. I’m trying to programmatically set a specific radiobox to checked using (set! (.. (js/document.getElementById @external-val) -checked) true). This works fine, but after this happened the :on-change event handlers for these radio buttons are no longer called on subsequent user actions. Am I missing something obvious? Would be great to get some pointers. Thanks!

@jlmr Could you post a little more context? Maybe a the component you’re rendering?

huh I didn’t know you could do this (js/document.getElementById @external-val) I always thought it was (.getElementById js/document @external-val)

yep definitely works, Thanks for sharing, Sorry I’m not experienced enough to see any issues there.

@hobosarefriends I just copied it from other places, never noticed it was anything special 😉

@oconn Just noticed something strange. I also have some code to reset all checkboxes to unchecked and the :on-change handlers keep working in that case. I’m trying to figure out what’s different between the two

checked seems to always be set to nil right?

I’d see if removing the when does anything for you

That fixed it!

thanks!

so obvious in hindsight

Awesome! good to hear

Has anyone had any luck integrating reagent with https://www.slatejs.org/? In this example, slate-1 creates a basic contenteditable div that I can click into and make changes, but slate-2 creates a div that I can't even put the cursor in. Any idea what I'm doing wrong?