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

The whole inline-toolbar recreates itself endlessly when opening link-toolbar

Đang mở
  • Có gì không ổn?
#2,821 4 bình luận 6 reaction 0 người được giao Xem trên GitHub

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

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
45/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Tái hiện vấn đề trong Editor.js 2.30.5 trên Chrome bằng cách tạo một liên kết, đóng thanh công cụ inline rồi nhấp đúp vào liên kết để mở lại. Theo dõi vòng đời của inline-toolbar và link-submenu trong khi quan sát việc chúng được tạo lại nhiều lần, sau đó xác minh rằng thanh công cụ chỉ được tạo một lần và hỗ trợ các chuyển đổi mở và đóng mà không chỉ dừng lại sau một lần nhấp.

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

Mô tả

bug

It's a very strange bug which becomes quite obvious and visible if you add a bit of transitions to the .ce-toolbar__content. For some reason if you open link-submenu the whole inline-toolbar gets recreated and repopulated endlessly until you click on an input element (make it focused). It doesn't happen on link creation because then the input gets focused initially, but when you try to edit a link, that's when the input doesn't get focused and the whole bug begins. At least, that's what I presumed at first but then I discovered that you can click anywhere inside the inline toolbar (not only input) and the vigorous recreation stops.

Steps to reproduce:

  1. Type some text
  2. Select some parts of it and turn it into a link
  3. Close the inline toolbar
  4. Double click on the created link to open the inline toolbar

Expected behavior:

  1. The inline toolbar elements should be created only once (at the init of editorjs or when you open the inline toolbar)
  2. It should work properly with transitions and animations to allow for open and close animations

You can see the bug in action here:
https://github.com/user-attachments/assets/9c773f95-1f0f-4285-ad38-3c4a93dd8d3b

OS: Window 11
Browser: Google Chrome 128.0.6613.114
Editor.js version: 2.30.5

Ngôn ngữ chính
TypeScript
Star
32k
Fork
2.2k
Merge trung bình
8 giờ 45 phút
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.