Tiene un problema con mat-checkbox en safari y npx-grpah. como se puede ver a continuación en las pantallas.
esto es Chrome y en los gráficos mat-checkbox aparece correctamente en cada nodo.
y esta es una pantalla de safari. Por alguna razón, la casilla de verificación mat aparece en la esquina superior izquierda. Supongo que hay algún problema con el renderizado de safari. También traté de poner este componente dinámicamente y obtuve el mismo resultado.
<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>
aplicación.componente.html
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'npx-graph'; }
aplicación.componente.ts
así que no hay nada complejo, pero no funciona en Safari. desde ya gracias por cualquier idea