Skip to content

bug(MatTabGroup): disablePagination property not disabling Pagination on MatTabGroup #26621

@nathan-ortbals

Description

@nathan-ortbals

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

When supplying the disablePagination input to the MatTabGroup component pagination is still present when shrinking the screen size. Likewise, supplying disablePagination in the MAT_TABS_CONFIG does not have an affect.

Reproduction

Stackblitz example

Steps to reproduce:

  1. Set the disablePagination property to true on a MatTabGroup component

  2. Shrink the size of the screen to force an overflow

  3. Set the disablePagination property to true on the MatTabsConfig object provided by the MAT_TABS_CONFIG injection token

  4. Shrink the size of the screen to force an overflow

Expected Behavior

The pagination buttons are not shown and the tab labels overflow the tab labels container.

image

Actual Behavior

The default pagination behavior is shown:

image

Environment

  • Angular: ^15.0.0
  • CDK/Material: ^15.0.0
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/tabs

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions