angular / angular/components

bug(mat-tab-group): empty space in tab-group after last tab deletion

Open
#29,681 5 comments 0 reactions 0 assignees View on GitHub
area: material/tabs P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

In certain conditions when removing tab the blank space remains.

### Reproduction

Can be reproduced on angular components demo page: https://material.angular.io/components/tabs/examples#tab-group-dynamic

https://youtu.be/LAtw54i27wE

Steps to reproduce:
1. Create many tabs, paggination buttons must be visible
2. Scroll to the last tab
3. Delete it

### Expected Behavior

Deleted tab disappears and whole tab grup is scrolled to fill blank space

### Actual Behavior

Deleted tab disappears blank space remains.

### Environment

- Angular:
- CDK/Material:
- Browser(s):
- Operating System (e.g. Windows, macOS, Ubuntu):

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the Angular Material tab-group dynamic example, following the listed steps and video. Inspect the tab-group behavior around deleting the last tab after scrolling; done means the deleted tab disappears and the remaining tab group scrolls to remove the blank space.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.