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

Iframes doesn't load to completion when in tab with forceRender

Đang mở
#325 2 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ó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
35/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu với bản tái hiện trên CodeSandbox trong index.js và kiểm tra cách rc-tabs 11.7.0 xử lý forceRender khi chuyển đổi giữa các tab. So sánh hành vi này với rc-tabs 10 như được đề xuất trong báo cáo, sau đó xác minh trên Chrome trong macOS hoặc Linux rằng biểu đồ được nhúng tiếp tục tải cho đến khi hoàn tất trong khi tab của nó không được focus.

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

Mô tả

  • I have searched the issues of this repository and believe that this is not a duplicate.
Reproduction link

[Edit on CodeSandbox]

Steps to reproduce

Let the first visible chart load fully. Then after a couple seconds, switch to another tab.
You can see that the loader is gone but the chart haven't finished to load.

What is expected?

We expect that the charts (that are embeded in frames) loads fully, even without focus

What is actually happening?

When we switch tabs, the iframes stop loading while in background.

Environment Info
rc tabs 11.7.0
React 16.12.0
System mac/linux
Browser chrome latest

We are using rc-tabs through antdesign, but I managed to reproduce the bug with rc-tabs, so I'm reporting it here also.
Note we did not had this bug with antdesign 3, it appeared in ant 4.

Apparently, it seems to be working with rc-tabs 10, but it may need to be double checked on your side (did not managed to fully integrate rc-tabs 10 in my codesandbox).

Ngôn ngữ chính
TypeScript
Star
572
Fork
241
Merge trung bình
4 ngày 18 giờ
Pull request đã merge (30 ngày)
4

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

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 react-component/tabs

Tất cả issue của react-component/tabs

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.