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

fkhadra / react-toastify

React notification made easy 🚀 !

https://fkhadra.github.io/react-toastify/introduction

MIT License

12.33k stars 676 forks source link

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

Open Adnan-Saleem-93 opened 8 months ago

Adnan-Saleem-93 commented 8 months ago

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?

fkhadra commented 8 months ago

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