NotionX / NotionX/react-notion-x
Styling error and audio's caption is not shown in render
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.4k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
Description
Hi,
I am a huge fan of react-notion-x, and I love to use react-notion-x to render my blog and my open source project.
However, there're couple tiny issues, feel free to check this playground site: react-notion-playground.vercel.app
- Audio's caption is not shown
- Database style error (horizontal scroll and table header and table body are not properly aligned)
- Width error when nesting a code block under another block
Here's the code to reproduce: codesandbox.io/s/jolly-currying-yonc6
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
Start by reproducing the reported cases in the linked react-notion-playground.vercel.app site and the CodeSandbox: missing audio captions, database alignment and horizontal scrolling, and nested code-block width. Trace each rendering and styling path from the reproductions. Done means all three cases render with captions, aligned database headers and bodies, and correct nested code-block width.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100