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

クローズ
#929 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
35/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
活発
技術スタック
angular, typescript
領域
frontend

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

説明

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

主要言語
TypeScript
スター
9
フォーク
8
平均マージ
1日 1時間
マージ済み PR(30日)
23

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

AbsaOSS/cps-shared-ui のほかの issue

AbsaOSS/cps-shared-ui の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。