TypeCellOS / TypeCellOS/BlockNote

Weird behaviour of cursor and focus with images

Aperta
#3,088 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

needs-triage
Lingua principale
TypeScript
Stelle
10.2k
Fork
772
Merge medio
3g 11h
PR unite (30g)
17

Descrizione

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 💖

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Attiva
Chiarezza
Abbastanza chiara
Idoneità per principianti
55/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.