title: Angular cdk drap drop - dynamic placeholder height
body: <p>I want to set the placeholder height to height of dragging element.</p>
  
  <p>For now I'm using static height placeholder of smallest possible element height. I couldn't find any informations about how to do it and for now having no idea.</p>
  
  <p>component html</p>
  
  <pre><code>&lt;div class="taskList" cdkDropList id="{{ 'cdk-task-drop-list-' + categoryId }}" [cdkDropListData]="taskList"
  [cdkDropListConnectedTo]="categoryIdList" (cdkDropListDropped)="onDrop($event)"&gt;
      &lt;ng-container *ngIf="task.isApproved || task.authorId===userId || userAccessLevel &gt;= 3"&gt;
          &lt;div class="placeholder" *cdkDragPlaceholder&gt;&lt;/div&gt;
          &lt;div class="task"&gt;
              ...
          &lt;/div&gt;
      &lt;/ng-container&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.placeholder{
      position: relative;
      margin-top: 1px; 
      margin-bottom: 5px;
      min-height: 75px;
      transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
  }
  </code></pre>
  
  <p>Any ideas?</p>