drag to select doesn't work with ng-container [ngTemplateOutlet] ??

[mmestas]

I was trying to add the ngx-drag-to-select surrounding an ngTemplateOutlet, and for some reason, it doesn't seem to work outside the ng-container. It works if I put it inside the ng-template to a degree, but my ng-template has recursive nesting and I don't want multiple dts-select-containers.

If I do nest and recurse it, it seems that the drag/selection area is the same size even when there are children. For example, if the original outlet contained 3 items, but after a time, those item get children and the divs grow in height, the selection area will have remained the same, and by drawing the box over the very top of the first item and nested children, when the other items used to be (but are now lower on the page) they will become selected as well as if there was nothing in between them.

But back to the original issue - is anyone experiencing this? Has anyone tried to use an ngTemplateOutlet with this library? Example below:

<dts-select-container
                class="drag-area"
                [(selectedItems)]="selectedByDTS"
                (select)="tempDragToSelectFn($event)">
                        <ng-container [ngTemplateOutlet]="subtreeTmpl"
                        [ngTemplateOutletContext]="{subtree: tree, path: '', subform: form, level: 1, parent: null}"></ng-container>
</dts-select-container>

<ng-template #subtreeTmpl let-subtree="subtree" let-path="path" let-subForm="subform" let-level="level" let-parent="parent">
            
<div *ngFor="let leaf of subtree | keyvalue" >
    <div [dtsSelectItem]="leaf">{{$any(leaf.key)}}</div> 
    <ng-container *ngIf="$any(leaf.value)"
         [ngTemplateOutlet]="subtreeTmpl"
          [ngTemplateOutletContext]="{
           subtree: $any(leaf.value).children, 
           path: path + '/' + leaf.key, 
           subform: subForm.get('children').get($any(leaf.key)), 
           level: level + 1,
            parent: subtree[$any(leaf.key)]
             }">
      </ng-container>
</div>
</ng-template>

Sorry about the indents - It's kind of tricky in this editor