CDK Drag Drop issues with nested lists

#### Reproduction https://stackblitz.com/edit/angular-drag-and-drop-child-groups-fxzjja?file=app%2Fcdk-drag-drop-connected-sorting-group-example.html Steps to reproduce: 1. Try to drag element "Brush teeth" to before "Drive to office" or before "Walk dog" 2. this will not be possible #### Expected Behavior Drag / Drop to all lists contained in cdkDropListConnectedTo #### Actual Behavior Items from inner Lists may only be dropped to outer lists, not to sibling or their own lists #### Environment - Angular: 8.1.2 - CDK/Material: 8.1.2 - Browser(s): Firefox / Chrome - Operating System (e.g. Windows, macOS, Ubuntu): Debian Linux, Windows #### Additional Info When using CDK drag / drop (8.0.0 up to and including 8.1.2) with nested lists, two issues arise that prevent an easy use of the feature: a) dragging does not work from inner list to inner list - See https://stackblitz.com/edit/angular-drag-and-drop-child-groups-fxzjja?file=app%2Fcdk-drag-drop-connected-sorting-group-example.html - When dragging an inner item (e.g. Brush teeth) it is only possible to drop it in the outer list, not in its own list and not in its sibling list. - It turns out, that order in cdkDropListConnectedTo is important: when I reverse the items, it will partially work: See https://stackblitz.com/edit/angular-drag-and-drop-child-groups-mxrkae?file=app%2Fcdk-drag-drop-connected-sorting-group-example.html - Still, it is not possible to drop an item from an inner list in into its own list

Posted by shesse on Aug 2, 2019, 8:37 PM

Tags

• github (SaaS)

Related issues

• 2026 - Microsoft Office 365
• [Ubuntu] `ubuntu-latest` label will use Ubuntu 26.04 in November 2026
• Gamut mapping
• [Codex Desktop] Editing and resending a queued message triggers "App-server queued follow-up no longer exists"
• [Windows] ChatGPT 26.820.60940 fails with "invalid transport in mcp_servers.codex_app"; Beta 26.727.40816 works
• [BUG]: infinite loading of videos