Cannot Add Block Above Table When Table is First Block
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 45/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- react, typescript
- Domain
- frontend
Research direction
Start with the reproduction in examples/01-basic/01-minimal and add a table as the first block. Trace the handling of the cursor-above-table state and Enter key, then verify that Enter creates a paragraph above the table and that the behavior works in the linked online example.
Written by the indexing model from the issue text.
Description
Describe the bug
When a Table block is positioned as the first block in the document, there is no way to add a block above it.
Current behavior:
Can position cursor above the table using keyboard arrow keys
Pressing Enter while cursor is above the table does NOT create a new block
The plus button on the left side of the table only adds blocks below the table
No UI or keyboard method exists to add content above a table when it's the first block
Expected behavior:
When the cursor is positioned above the table (first block), pressing Enter should create a new paragraph block above the table.
To Reproduce
Create a new document
Insert a Table block as the first block
Use keyboard arrow keys (↑) to position cursor above the table
Press Enter key
Observe: No new block is created above the table
Try using the plus button (+) on the left side
Observe: Can only add blocks below the table, not above
Video demonstration:
https://github.com/user-attachments/assets/ed91bd29-44cc-4849-b583-d40282fa3b02
Online reproduction:
You can reproduce this on: https://stackblitz.com/github/TypeCellOS/BlockNote/tree/main/examples/01-basic/01-minimal
Add a table as the first block
Follow steps above
Misc
- Node version:
- Package manager:
- Browser:
- I'm a sponsor and would appreciate if you could look into this sooner than later 💖
- Dominant language
- TypeScript
- Stars
- 10.2k
- Forks
- 772
- Avg merge
- 3d 11h
- Merged PRs (30d)
- 17
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 TypeCellOS/BlockNote
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
TypeCellOS/BlockNote#3098 ·
-
needs-triage
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
TypeCellOS/BlockNote#3073 ·
-
needs-triage
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
TypeCellOS/BlockNote#3072 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
TypeCellOS/BlockNote#2949 · 1 comment ·
-
a11y
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
TypeCellOS/BlockNote#2855 ·
All issues in TypeCellOS/BlockNote
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 ·