角度拖放到一个小元素上

Question

嗨，所以我有一个很小的元素，您可以看到它的高度为1px（screeenshot上的蓝线）：

代码如下：

 <div
    (cdkDragEnded)="cdkDrop($event)"
    (mousedown)="onWindowPress($event)"
    (mouseup)="onDrop($event)"
    [ngStyle]="{ 'background-color': 'blue' }"
    [style.height.px]="1"
    [style.left.px]="xPixel"
    [style.top.px]="yPixel"
    [style.width.px]="widthPixel"
    cdkDrag
    cdkDragLockAxis="y"
    class="item-container"
    onkeypress="deleteItem($event)"
  ></div>

此蓝线可以垂直拖动。 但是，由于这是一条1px的线，因此很难拖动该元素来捕获该元素。 我正在寻找一种将元素从元素外部拖放的解决方案，这意味着我将能够从包裹元素但高于元素的“ div”中选择元素。 我尝试创建这样的div，但可能无法正常工作。 谢谢您的解决方法，谢谢。