-
-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Scoped Playgrounds are not applying styles #1390
Comments
Hey @RafaelaMG, thanks for reporting this.
That was a bug, Playground was not properly passing it to its child, it should be fixed in 2.3.0-alpha.13 under
The |
Thanks for letting me know 👍
I see your point here, but it would be interesting to keep the best of both worlds so that we have a scoped Iframe from global styles but that can include injected styles for the used components inside the Playground on the Iframe head. docz-iframe-playground implements it like this: Is this something you would consider including? |
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. |
Bug Report
Describe the bug
When using the integration with
Theme-UI
scoped playgrounds don't seem to be working well as they don't apply any styles to the components.There are three problems:
useScoping
prop doesn't seem to be working at all;useScopingInPlayground: true
inthemeConfig
does convert the Playground into an Iframe but no styles are displayed.<iframe/>
<head/>
To Reproduce
/doczrc.js
/colors.mdx
Expected behavior
I expect a similar result to the standard
<Playground/>
usage, so the stylings would get correctly applied but the Playground itself would be an iframe.Visually, I would expect something like this:

Additional context/Screenshots
Visually, this is the current behavior:
The text was updated successfully, but these errors were encountered: