NotionX / NotionX/react-notion-x
Toggle list titles get rendered under the arrow
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.4k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
Description
Description
Seems like the toggle list titles get rendered under the arrow instead of next to it for long titles.
This doesn't show up for small titles. Yet, as soon as the title gets longer than the width of the page, the whole title gets below the arrow.
Notion Test Page ID
https://martin-xpn.notion.site/Demo-7a15103d327f4c108a826ffcfd3f8373
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
No source file or test is named in the issue. Reproduce the layout problem using the linked Notion test page with a toggle title longer than the page width, then trace the TypeScript/React toggle rendering and styling. Done means long titles remain beside the arrow and short titles continue to render correctly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100