Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Toolbox item keeps hover highlight after selecting a block

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#3,037 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
70/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
css
Lĩnh vực
frontend

Hướng nghiên cứu

Các kiểu của toolbox nằm trong CSS của popover, còn viền sáng bị kẹt đến từ quy tắc .ce-popover-item:hover trong khi popover bị ẩn với opacity 0, max-height 0 và pointer-events none. Hãy bắt đầu bằng việc tìm nơi định nghĩa kiểu cho trạng thái ẩn của popover toolbox, rồi kiểm tra trạng thái hover của mục sau khi nhấp chuột diễn ra thế nào. Hoàn thành khi sau khi nhấp vào một mục và mở lại toolbox với chuột ở nơi khác, không có mục nào hiển thị nền hover, được xác minh bằng cách tái hiện các bước trong demo.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
TypeScript
Star
32k
Fork
2.2k
Merge trung bình
2 ngày 1 giờ
Pull request đã merge (30 ngày)
1

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của codex-team/editor.js

Tất cả issue của codex-team/editor.js

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.