Javascript Firefox和Safari上不会发出角度可调整大小的元素单击事件

我使用角度可调整大小的元素v。3.2.3制作可调整大小div的npm库。我对这些元素进行了（单击）绑定。问题在于，点击事件在Chrome上发出，但在Firefox（版本65.0.1）和Safari（版本10.1.2）上没有发出——绑定方法没有被触发。造成这种情况的原因是什么？

这是我创建可调整大小的div的html片段

<div
*ngFor="let block of blocks; index as i"
id="resizable-{{i}}"
class="resizable"
mwlResizable
[ngStyle]="{'width.px': block.width * cellWidth, 'height.px': block.height * cellHeight, 'top.px': block.y * cellHeight, 'left.px': block.x * cellWidth}"
[enableGhostResize]="true"
[resizeSnapGrid]="{left: cellWidth, right: cellWidth}"
[resizeEdges]="{bottom: false, right: true, top: false, left: true}"
(resizeEnd)="onResizeEnd(i, $event)"
(resizeStart)="onResizeStart(i, $event)"
(resizing)="onResizing(i, $event)"
(click)="onClick(i, $event)"
[validateResize]="component.validate"
#resizable>