TypeCellOS / TypeCellOS/BlockNote

Weird behaviour of cursor and focus with images

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

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

needs-triage
主要言語
TypeScript
スター
10.2k
フォーク
772
平均マージ
3日 11時間
マージ済み PR(30日)
17

説明

What’s broken?

Focus on image
Arrow up and the cursor goes above but not on a line if no line is actually above.
Or arrow down but nothing happens. It doesn't go to the empty line bellow.
To create the empty line I have to click below the image with my mouse

What did you expect to happen?

if no element above the image, with arrow up, focus should stay on image
With arrow down it should create an empty line for the cursor to move down and save a click

Steps to reproduce

https://github.com/user-attachments/assets/fb21d53e-c130-4083-a990-e8815a107698

BlockNote version

https://www.blocknotejs.org/demo#7ixm8

Environment

No response

Additional context

No response

Contribution
  • I'd be interested in contributing a fix for this issue
Sponsor
  • I'm a sponsor and would appreciate if you could look into this sooner than later 💖

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

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

はじめの一歩

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

調査の方向性

Reproduce the image cursor and focus behavior from the linked video and BlockNote demo, then trace the editor's image-selection and arrow-key handling. Done means Arrow Up keeps focus on the image when there is no element above, while Arrow Down creates or reaches an empty line below without requiring a mouse click.

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

評価

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

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

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