notion h tag series not being new line when using multiple h tags in a row
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 48/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- react, typescript
- Domain
- frontend
Research direction
Start with react-notion-x/src/styles.css and reproduce the issue using the linked Notion page or blog page. Inspect the heading styles, including the reported display setting, and verify that consecutive h tags render on separate lines without regressing other heading layouts.
Written by the indexing model from the issue text.
Description
Description
Bug
I think there is a bug with showing multiple h tags in a row.
It looks like below.
How to fix this problem
there is a css file in react-notion-x/src/styles.css
and i changed display: inline-block; to display: block;
After Fix
Notion Test Page ID
My Tech Blog which has the problem
My Notion Page linked with this blog page
- Dominant language
- TypeScript
- Stars
- 5.4k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
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.
More from NotionX/react-notion-x
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
NotionX/react-notion-x#710 · 4 comments · 15 reactions ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
NotionX/react-notion-x#428 · 9 comments ·
-
Difficulty 3/5 1-2 days Newbie friendliness 48/100
NotionX/react-notion-x#708 ·
-
Difficulty 3/5 1-2 days Newbie friendliness 38/100
NotionX/react-notion-x#686 · 1 comment ·
-
loadPageChank Open
Difficulty 3/5 1-2 days Newbie friendliness 45/100
NotionX/react-notion-x#675 · 1 comment ·
All issues in NotionX/react-notion-x
Similar issues
-
clawsweeper:fix-shape-clear clawsweeper:queueable-fix clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster no-stale P3
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 76/100
-
code-quality refactoring
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
github/gh-aw-firewall#8816 ·
-
integration:quickjs org:external priority:backlog topic:code-interpreter topic:middleware type:feature
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
langchain-ai/deepagents#6450 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 88/100
vercel/react-tweet#225 ·