Cannot Add Block Above Table When Table is First Block

オープン
#2,195 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
react, typescript
領域
frontend

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

説明

bug:P2 sponsor

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 💖
主要言語
TypeScript
スター
10.2k
フォーク
772
平均マージ
3日 11時間
マージ済み PR(30日)
17

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

TypeCellOS/BlockNote のほかの issue

TypeCellOS/BlockNote の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。