Mat-Checkbox在Safari中的NPX-Graph内部不正确地渲染

Question

在Safari和NPX-Grpah中与Mat-Checkbox有问题。 如下所示，在屏幕上。

这是Chrome，在图表上，Mat-Checkbox在每个节点中都正确显示。

这是一个野生动物园屏幕。由于某种原因，MAT-Checkbox出现在左上角。我认为Safari渲染存在一些问题。我还试图将此组件动态性放置，并且得到了相同的结果。

<ngx-graph
  [view]="[800, 200]"
  [showMiniMap]="true"
  [links]="[
    {
      id: 'a',
      source: 'first',
    target: 'second',
      label: 'is parent of'
    }, {
      id: 'b',
      source: 'first',
      target: 'third',
      label: 'custom label'
    }
  ]"
  [nodes]="[
    {
      id: 'first',
      label: 'A'
    }, {
      id: 'second',
      label: 'B'
    }, {
      id: 'third',
      label: 'C'
    }
  ]"
>
  <ng-template #nodeTemplate let-node>
    <svg:foreignObject width="100" height="100">
      <div>Your HTML here</div>
      <mat-checkbox></mat-checkbox>
    </svg:foreignObject>
  </ng-template>
</ngx-graph>

app.component.html

import { Component } from '@angular/core';

    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })
    export class AppComponent {
      title = 'npx-graph';
    }

app.component.ts，

因此没有任何复杂，但它在Safari中不起作用。预先感谢您的任何想法