TypeCellOS / TypeCellOS/BlockNote

Cannot Add Block Above Table When Table is First Block

Open
#2,195 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug:P2 sponsor
Dominant language
TypeScript
Stars
10.2k
Forks
772
Avg merge
3d 11h
Merged PRs (30d)
17

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 💖

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

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.

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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.