Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Weird behaviour of cursor and focus with images

Abierto
#3,088 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
55/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

needs-triage
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 💖
Lenguaje dominante
TypeScript
Estrellas
10.2k
Forks
772
Merge medio
6 d 6 h
PR fusionados (30 d)
25

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de TypeCellOS/BlockNote

Todos los issues de TypeCellOS/BlockNote

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.