components icon indicating copy to clipboard operation
components copied to clipboard

bug(cdk-drag-drop, tabs, tree): Cannot drop a node of tree while navigating the Tree

Open StefanoPRJ opened this issue 3 years ago • 0 comments

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 have an application that is composed in this way: a Tree where the end nodes are draggable and multiple tabs with multiple div that are "cdkDropList". while dragging the user can change the tab, but while doing so the user cannot drop in the div of the selected tab: for fix this problem the user need to drag back to the tree and drop in the selected tab.

Reproduction

Create a tree and make last nodes "draggable" Create a tabs with multiple div that are "cdkDropList" Make the tabs selection with the only hover Try to drop one of the last nodes of the tree drop in any of the tabs that are not selected at the start.

Expected Behavior

The dropped item need to be dropped across the tabs without any problem.

Actual Behavior

Cannot drop and also doesn't show the placeholder.

Environment

  • Angular: 14.2
  • CDK/Material: 14.2.0
  • Browser(s): any
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

StefanoPRJ avatar Sep 01 '22 11:09 StefanoPRJ