Skip to content

bug(mat-tab): content is not scrolling while dragging a list item inside material tab with height 100% #26437

Open
@Jumpy555

Description

@Jumpy555

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

If I drag a list item put inside a tab with height 100%, the content will not scroll.
The same configuration works if the tab height is auto, but in that case the tabs will scroll outside the viewport.

Reproduction

Steps to reproduce:

  1. Add a draggable material list (cdkDropList) inside a material tab
  2. Set mat-tab-group height to 100% to make the tab content scrolls
  3. Drag a list item until scrolling needed

https://stackblitz.com/edit/components-issue-sn5cvq?file=src/main.ts

Expected Behavior

I'd like the tab content scrolls like when the mat-tab-group height is auto.

Actual Behavior

The tab content doesn't scroll as expected.

Environment

  • Angular: 15.0.0
  • CDK/Material: 15.0.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions