Replies: 2 comments 7 replies
-
@Linch1 Thanks for the kind words! I'm happy to help you :) I see what you're trying to achieve here. Unfortunately the RainbowKit needs to access the elements outside of it such as the I think what you could try to do is to append your own theme |
Beta Was this translation helpful? Give feedback.
-
Hi there, |
Beta Was this translation helpful? Give feedback.
-
Hello and thanks for this great tool!
I am currently working on integrating RainbowKit into a component that resides within a Shadow DOM. I've encountered an issue where, upon triggering a RainbowKit modal, it is appended directly to the body of the DOM instead of within the Shadow DOM where the component is located. This results in the modal missing the necessary styles, as these are defined within the Shadow DOM and are not accessible to elements outside of it.
I have provided screenshots below to illustrate the problem. The first screenshot shows the modal rendered without the appropriate styles, and the second screenshot demonstrates that the theme styles, which I believe are responsible for the modal's appearance, are encapsulated within the Shadow DOM and thus not applied to the modal placed in the DOM body.
If i manually move the theme styles in the body, so outside of the shadow dom, the rainbowkit modal is rendered correctly.
Could you advise on how to specify a parent element for RainbowKit modals?
This would allow me to render them inside the Shadow DOM, ensuring the modal has access to the required styles.
Beta Was this translation helpful? Give feedback.
All reactions