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

Toolbox item keeps hover highlight after selecting a block

Abierto Apto para principiantes
  • ¿Algo no está bien?
#3,037 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
70/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
css
Área
frontend

Línea de trabajo

Los estilos de la toolbox están en el CSS del popover, y el resaltado que queda fijado viene de la regla .ce-popover-item:hover, mientras el popover está oculto con opacity 0, max-height 0 y pointer-events none. Empieza por localizar dónde se define el estilo del estado oculto del popover de la toolbox y comprueba cómo se comporta el estado hover de los elementos tras un clic. Está terminado cuando, después de hacer clic en un elemento y volver a abrir la toolbox con el ratón en otra parte, ningún elemento muestra el resaltado hover, verificado reproduciendo los pasos en la demo.

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

Descripción

bug

After selecting a block type from the toolbox with the mouse, the clicked item is still highlighted the next time the toolbox is opened. Sometimes several items are highlighted at once.

Steps to reproduce (on the editorjs.io demo):

  • Click into an empty line so the „+“ button appears.
  • Open the toolbox via „+“ and click a block type with the mouse (e.g. „List“).
  • Open the toolbox again via „+“ without moving the mouse over the item list.

Expected: No item is highlighted.

Actual: The previously clicked item is still highlighted. The highlight goes away only once the mouse moves over that specific item.

Note on visibility: With the default hover color the issue is barely visible. For this test I temporarily set a darker background color for .ce-popover-item:hover in the demo to make it obvious. We noticed the bug in our project only after switching to a more prominent hover color.

Possible cause: The popover is hidden with opacity: 0; max-height: 0; pointer-events: none instead of being removed from the layout. Chrome seems to keep the :hover state of items that were under the cursor when the popover closed. No modifier class (e.g. --focused) is left on the item, so the highlight comes from :hover alone.

Image

Screenshot from the editorjs.io demo after inserting a list and reopening the toolbox. The mouse cursor is on the „+“ button, not over the „List“ item.

Environment
Editor.js: current version on editorjs.io as of October 15, 2026
Browser: Chrome Version 155.0.8059.80
OS: macOS

Lenguaje dominante
TypeScript
Estrellas
32k
Forks
2.2k
Merge medio
2 d 1 h
PR fusionados (30 d)
1

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

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 codex-team/editor.js

Todos los issues de codex-team/editor.js

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.