mdx-editor / mdx-editor/editor
[BUG] If your website is built on Radix, importing CSS breaks design
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.7k
- Forks
- 307
- Avg merge
- 14h 22m
- Merged PRs (30d)
- 5
Description
- I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
- I have read the documentation and cannot find an answer.
Describe the bug
I have a SPA built on top of @radix-ui/themes. If i import "@mdxeditor/editor/style.css" then the entire theming of my application breaks.
Reproduction
Create a vite boiler. Set up a radix themes ui and integrate their official support for light/dark theme. Import "@mdxeditor/editor/style.css"
Expected behavior
I expect a component library to not declare global css that interfere with the application.
Desktop (please complete the following information):
- OS: MacOS
- Any
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in a Vite SPA using Radix Themes, its light/dark theme setup, and the @mdxeditor/editor/style.css import. Inspect the imported stylesheet for global rules that alter the application theme; done means the editor stylesheet no longer interferes with Radix styling while the editor remains styled.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, react, typescript, vite
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100