title: cdkDropListGroup - error Uncaught DOMException: Failed to execute 'insertBefore' on 'Node
body: <p>Im using Drag and Drop from angular material @angular/cdk/drag-drop</p>
  <pre><code>       &lt;div *ngFor=&quot;let sectionData of tableSectionsData&quot;
              cdkDropList
              [cdkDropListData]=sectionData.list
              (cdkDropListDropped)=&quot;drop($event)&quot;
              da-table-section
              [id]=sectionData.id
              [sectionData]=&quot;sectionData&quot;
              (removeField)=&quot;removeField($event, sectionData.sectionType)&quot;
              (closeFieldsSelectionPanel)=&quot;closePanel()&quot;
         &gt;
         &lt;/div&gt;
         &lt;ng-template #fieldsSelectionPanel&gt;
             &lt;da-visual-pivot-field-selection-panel (addField)=&quot;addFieldToTableSectionAccordingToType($event)&quot;
                                                    (closePanel)=&quot;closePanel()&quot;&gt;&lt;/da-visual-pivot-field-selection-panel&gt;
         &lt;/ng-template&gt;
  
     &lt;/div&gt;```
  
  I can drag perfectly items from down to upper list but from up to down list I get the following error:
  Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
  </code></pre>