bug(Drag and Drop CDK): Drag and Drop not working across Tabs in a MatTabGroup

[Manish-Pradhan-FP]

2025-04-24_15-46-44.mp4

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

I am trying to drag and drop something across Tabs. I have used cdkDropListConnectedTo to connect the different droplists that exist on the different Tabs. I am using a custom directive to activate a Tab when you hover over the Tab Label while dragging.

Reproduction

StackBlitz link: https://stackblitz.com/edit/8hxqhzyg-rdoxrwhp?file=package.json
Steps to reproduce:

1. Drag and row to a different Tab first and then down to the Droplist container surrounded by a red border.
2. When I inspect I can see that the Droplist correctly gets a class of cdk-drop-list-receiving which tells me they are correctly connected but it does not detect the drag over.

Expected Behavior

I should be able to drop the dragged element on any connected DropList even though it lives within a different Tab

Actual Behavior

I am not able to drop the dragged element on the DropList even though its connected.

Environment

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