Угловой сиденав с перетаскиваемым элементом, под ним перетаскивается мат-сиденав-контент

Question

Я пытаюсь перетащить картинку из mat-sidenav в область mat-sidenav-content, где она будет размещена (перетаскивание с функцией копирования).Я думал, что простое добавление перетаскивания к элементу div в sidenav заставит это работать, но я думаю, что есть некоторая путаница с z-index, которую я не могу понять.Перетаскиваемый элемент находится под областью содержимого.Обратите внимание, что используется angular-draggable-droppable из-за функции привязки.

Пример стекаблица: https://stackblitz.com/edit/simulator

sidebar.component.html:

<mat-sidenav-container class="example-container">
  <mat-sidenav #sidebarLeft mode="side" opened="true" class="sidebar" fixedInViewport="false">
    <mat-list class="comp-groups">
      <mat-list-item *ngFor="let section of complist.sections">
        <h4 matLine (click)="showComp(section)">{{section.name}}</h4>
      </mat-list-item>
    </mat-list>
        <div class="component-list" *ngIf="selectedCompList">
      <mat-list-item *ngFor="let subsection of selectedCompList.subSections">
        <h4 mat-line>{{ subsection.name }}</h4>
        <div mwlDraggable 
        dropData="{{subsection.name}}"
        dragActiveClass="drag-active"
        [ghostDragEnabled]="true"
        [showOriginalElementWhileDragging] ="true"
        [dragSnapGrid]="snapping"
        (dragging)="dragging($event)">
        <img id="icon" src={{subsection.icon}}/>
        </div>
      </mat-list-item>
        </div>
  </mat-sidenav>
  <mat-sidenav #sidebarRight mode="side" opened="true" class="rightSidebar" fixedInViewport="false" position="end">
  <app-sidebar-right></app-sidebar-right>
  </mat-sidenav>
  <mat-sidenav-content class="workspace">
    <app-toolbar class="toolbarRow"></app-toolbar>
    <app-content class="contentContainer" mwlDroppable

  (drop)="onDrop($event)"
  dragOverClass="drop-over-active"
  (dragOver)="dragEnter($event)"
  (dragLeave) = "dragLeave($event)"

  ></app-content>
  </mat-sidenav-content>
</mat-sidenav-container>