Refs?

Expected behavior

Using onload={} to get a reference to an element in order to modify it with a non-choo library will allow that library to modify the element without overwriting changes in the second pass.

Actual behavior

The DOM is rewritten later.

Steps to reproduce behavior

Full code to an example: https://gist.github.com/tmcw/0b443b065c10b636cf073cbf64e67110

This is a pattern that’s familiar to me with React: I’m integrating with Mapbox GL JS, a library that expects to control a small part of the DOM tree - the same will hold for Leaflet, Mapbox.js, and all other mapping libraries I know of. In React, we use refs to do this. In choo, I assumed that onload={} would be the ticket, but I can’t find any way to get choo to play nice with a library that does its own DOM manipulation.

[yoshuawuyts]

@tmcw released cache-element@1.1.0 - the widget function should be what you’re looking for to integrate mapbox with yo-yo/choo https://github.com/yoshuawuyts/cache-element ✨ keen to hear your thoughts on it!

[yoshuawuyts]

This should be solved; gonna close this ✨ - lmk if you’ve got any further questions, always happy to help!