Nested cps-tab-group retains empty panels when selection resets during the parent’s slide animation

Đã đóng
  • Có gì không ổn?
#929 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

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
Sôi nổi
Công nghệ
angular, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

The bug lives in the nested cps-tab-group behaviour, so start with the tab group component's selectedIndex handling and the afterTabChanged emission around the parent's slide animation. The issue gives reproduction steps and a video but names no file. Done means that resetting the inner selectedIndex during the outer animation leaves exactly one .cps-tab-content-inner wrapper, with the repeated cycle not adding more.

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

Mô tả

bug

Resetting an inner tab group’s selectedIndex from the outer group’s afterTabChanged handler leaves a stale .cps-tab-content-inner in the DOM. The empty wrapper retains its height, creating a blank gap above the content. Repeating the sequence adds more stale wrappers.

Steps to reproduce
  1. Project a child component containing inner subtabs into an outer tab through @if.
  2. Select the second inner tab.
  3. Switch to another outer tab, then return.
  4. Reset the inner selection to 0 in the outer group’s afterTabChanged handler.
  5. Select the second inner tab again.
Expected

One content wrapper containing the selected tab’s content.

Actual

An empty wrapper remains above the populated wrapper. Each repeated cycle adds another stale wrapper.

Video

https://github.com/user-attachments/assets/e63ea531-bb2c-442d-a95b-7ffd6e456567

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

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 AbsaOSS/cps-shared-ui

Tất cả issue của AbsaOSS/cps-shared-ui

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.