Hi, I was trying to inject evergreen inside a shadow DOM tree, when I noticed the styles aren't getting applied inside the tree. My understanding is that extractStyles is not an option in this case, because the events fired inside the shadow do not get propagated to evergreen thus the styles aren't getting updated properly. Also looking at the source code, I assume this also has something to do with the hole hydration process going on inside evergreen, ui-box and glamor. Some libraries like material-ui have API-s that allow to mount them inside an arbitrary(ish) node and to configure the styling library and caching mechanisms in a similar way. Any ideas on how to "mount" evergreen inside a shadow tree?
Here's a minimal(not-working) sandbox of the case. Thanks!
Hi, I was trying to inject evergreen inside a shadow DOM tree, when I noticed the styles aren't getting applied inside the tree. My understanding is that
extractStyles
is not an option in this case, because the events fired inside the shadow do not get propagated to evergreen thus the styles aren't getting updated properly. Also looking at the source code, I assume this also has something to do with the hole hydration process going on insideevergreen
,ui-box
andglamor
. Some libraries like material-ui have API-s that allow to mount them inside an arbitrary(ish) node and to configure the styling library and caching mechanisms in a similar way. Any ideas on how to "mount" evergreen inside a shadow tree?Here's a minimal(not-working) sandbox of the case. Thanks!