Problem with size in percentage

Describe the bug When manipulating the “size” attribute, it starts to behave weirdly. When I drag one column, it does it perfectly, but when I try to drag the same one (again) or another one, it does not respond to the mouse drag movement. After making a click on the gutter, then it starts working again. Why is this happening? It did not happen in the previous version. I just updated today.

To Reproduce

<as-split [direction]="direction" [gutterSize]="columnSeparatorWidth" (gutterClick)="hideColumn($event)"
      (dragStart)="dragStart($event)" (dragEnd)="columnResized($event)" #mySplitA
       [unit]="'percent'">
      <as-split-area [size]="columns.pending.width">
      </as-split-area>
      <as-split-area [size]="columns.editor.width">
      </as-split-area>
      <as-split-area [size]="columns.live.width">
      </as-split-area>
    </as-split>

columnResized(event: any) {
    if (event.sizes[0] > 0) {
      this.columns.pending.width_aux = event.sizes[0];
    }
    this.columns.pending.width = event.sizes[0];
    if (event.sizes[1] > 0) {
      this.columns.editor.width_aux = event.sizes[1];
    }
    this.columns.editor.width = event.sizes[1];
    if (event.sizes[2] > 0) {
      this.columns.live.width_aux = event.sizes[2];
    }
    this.columns.live.width = event.sizes[2];
  }

If I comment these lines:

this.columns.pending.width = event.sizes[0];
this.columns.editor.width = event.sizes[1];
this.columns.live.width = event.sizes[2];

It starts working. But I need to assign these values and I need them to be attached to the size attribute in the view.

[eramirezprotec]

@bertrandg here it is: app: https://angular-dx5xhi.stackblitz.io/ editor: https://stackblitz.com/edit/angular-dx5xhi

[eramirezprotec]

Updated! Works great. Thank you very much.