react-toastify icon indicating copy to clipboard operation
react-toastify copied to clipboard

toast styles/css not working in iframes or shadow-dom

Open Adnan-Saleem-93 opened this issue 2 years ago • 2 comments

I'm using react-toastify in a Chrome Extension Content Script. The App is built using React JS. To isolate the CSS of my app, I have to use either ShadowDOM or iFrames in the extension. Everything is working fine except that the styling of roast-toastify is not working. Neither in ShadowDOM nor in iFrames. How can I use/enable the styling inside them?

Adnan-Saleem-93 avatar Oct 27 '23 11:10 Adnan-Saleem-93

Hey @Adnan-Saleem-93 have you tried https://fkhadra.github.io/react-toastify/how-to-style/#inject-style-on-demand ?

fkhadra avatar Nov 01 '23 00:11 fkhadra