DragHandle could not be detected inside the component

[100cm]

here is my html struct:

 <div class="flex-1 flex-top cdk-drag-list" cdkDropList (cdkDropListDropped)="drop($event)">
          <div cdkDrag *ngFor="let item of content.child_contents, let i = index" class="flex cdk-drag=item">

                <dz-menu-group style="position:absolute;right: 0;top: -10px"
                           *ngIf="global_service.modal=='edit' && global_service.pc_editor && 
                           global_service.device_type == 'pc'">
                         <dz-menu-group-item>
                              <span #drag_trigger cdkDragHandle>
                                <at-icon [type]="'move'" class="move"></at-icon>
                                     </span>
                        </dz-menu-group-item>
                        <dz-menu-group-item>
                              <at-icon [type]="'x'" style="cursor: pointer;" (click)="deleteChildContent(i)"></at-icon>
                         </dz-menu-group-item>
            </dz-menu-group>
         </div>
</div>

DragHandle could not work

item still can be dragged and dropped by dom.

[philmtd]

I think this will be fixed, once #13360 is released

[100cm]

@philmtd got it, thanks.

[shyamal890]

I don't think this is working: https://stackblitz.com/edit/material-handle-issue

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}