Trying to get hold of webcomponent dom node in a port subscribe (on javascript) called from update

[hkgumbs]

I think the trick is to wrap any JS ports that touch the DOM inside requestAnimationFrame. So if you pass an id or some other selector through the port, then you should be able to grab the DOM node inside the requestAnimationFrame callback. Here’s the original post where I learned that trick:

When is `Cmd` actually processed?

The exact sequence is something like this: update returns model and a batch of commands an animation-frame is requested with the diffing and rendering of the view as its callback commands and subscriptions are “distributed” to their effect managers This ordering has an interesting property: if a command (like an HTTP request) doesn’t care about the view being rendered first, it won’t “wait” for that to happen. However, if a command (like Dom.focus) does care, it can wait for the view to be r…