-
-
Notifications
You must be signed in to change notification settings - Fork 1.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
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: