Next.js problem while writing an article
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.9k
- Forks
- 201
- Avg merge
- 12m
- Merged PRs (30d)
- 1
Description
Hello, I've added code from https://github.com/uiwjs/react-md-editor?tab=readme-ov-file#support-nextjs on my open-source website, but it doesn't work correctly. I have the strange blue line on the left side, and it's interferes with writing text further down the markdown.
When I try to write a text further, I have this problem
Actually, I tried to look at your finished code here
But it doesn't work
I have read through https://github.com/uiwjs/react-md-editor/issues/52
and think that
const MDEditor = dynamic(
() => import("@uiw/react-md-editor"),
{ ssr: false }
);
messes up css
Contributor guide
No contributing guide indexed for this repository
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
Start with dspyt/pages/markdown/index.js lines 6-74 and reproduce the editor behavior using the linked Next.js CodeSandbox. Compare that setup with the Next.js support example and issue #52, focusing on the reported blue line, CSS behavior, and text entry below it. Done means the editor renders without the unwanted line and accepts text correctly further down the document.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, next.js, react
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100