Angular: angular -resizable-element применяется к mutiple div

Question

Я не могу изменить размер 2 или более элементов div, используя пакет angular -resizable-element .

Согласно их примеру все работает нормально для одного div элемента, но не при использовании более одного деления. Если я изменяю размер любого другого div, он просто исчезает.

Я не могу найти какую-либо документацию по этому поводу, есть ли у вас какие-либо решения?

<div class="text-center">
  <h1>Drag and pull the edges of the rectangle</h1>
  <div
    class="rectangle"
    [ngStyle]="style"
    mwlResizable

    [resizeEdges]="{ right: true, left: true}"
    [enableGhostResize]="true"
    (resizeEnd)="onResizeEnd($event)">
    <img
      src="http://i.imgur.com/eqzz2dl.gif"
      class="resize-handle"
      mwlResizeHandle
      [resizeEdges]="{right: true}">
  </div>
  <div
    class="rectangle"
    [ngStyle]="style"
    mwlResizable
    [validateResize]="validate"
    [resizeEdges]="{ right: true, left: true}"
    [enableGhostResize]="true"
    (resizeEnd)="onResizeEnd($event)">
    <img
      src="http://i.imgur.com/eqzz2dl.gif"
      class="resize-handle"
      mwlResizeHandle
      [resizeEdges]="{right: true}">
  </div>
</div>