Have the following markup in Angular 8
<svg [id]="'wrap' + node.id" (click)="onCick($event)" [ngClass]="{'givenNodeTextInLogic': node.uiData.parentId}">
with the following D3plus statement to enable word wrapping:
import * as D3PlusText from 'd3plus-text';
When user clicks on the wrapped text, the click event is not recognized in Safari. This is not a problem in Chrome. I tried adding this as well but didn't help:
D3.select('#wrap' + node.id).on('click', function...)
Expected Behavior
Have the following markup in Angular 8 <svg [id]="'wrap' + node.id" (click)="onCick($event)" [ngClass]="{'givenNodeTextInLogic': node.uiData.parentId}">
with the following D3plus statement to enable word wrapping: import * as D3PlusText from 'd3plus-text';
new D3PlusText.TextBox() .data(nodeData) .fontSize(fontSize) .select('#wrap' + node.id) .verticalAlign('middle') .x(node.x) .y(node.y) .height(nodeHeight) .width(nodeWidth) .textAnchor('middle') .render();
Current Behavior
When user clicks on the wrapped text, the click event is not recognized in Safari. This is not a problem in Chrome. I tried adding this as well but didn't help: D3.select('#wrap' + node.id).on('click', function...)
Steps to Reproduce (for bugs)
see above
Your Environment