Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Toolbox item keeps hover highlight after selecting a block

Aperta Adatta ai principianti
  • Qualcosa non va?
#3,037 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
70/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css
Ambito
frontend

Direzione di ricerca

Gli stili della toolbox si trovano nel CSS del popover, e l'evidenziazione bloccata deriva dalla regola .ce-popover-item:hover, mentre il popover è nascosto con opacity 0, max-height 0 e pointer-events none. Inizia trovando dove viene definito lo stile dello stato nascosto del popover della toolbox, e verifica come si comporta lo stato hover degli elementi dopo un clic. È completato quando, dopo aver cliccato un elemento e riaperto la toolbox con il mouse altrove, nessun elemento mostra l'evidenziazione hover, verificato riproducendo i passaggi nella demo.

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

Descrizione

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

Lingua principale
TypeScript
Stelle
32k
Fork
2.2k
Merge medio
2g 1h
PR unite (30g)
1

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

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.

Altre issue di codex-team/editor.js

Tutte le issue di codex-team/editor.js

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.