The issue: If you click on node and click on text you will see TextEditingTool then if you click on another node nothing will happens because this click just deactivate TextEditingTool and only if you click again on node you will choose it.
I found all diagram doesn’t work while customTextEditingTool is focused neither click or hover events.
How to work with diagram while customTextEditingTool is focused?
Yes it is.
But this answer only part of issue. Click event works fine but hover doesn’t work.
Sometimes I need to show tooltip on some buttons while typing text in textarea.
If you want additional functionality, you have to implement it yourself. To implement tooltips, you just need to call Tool.standardWaitAfter and override Tool.doWaitAfter:
$(go.Diagram, . . .,
{ . . .,
"textEditingTool.doMouseMove": function() {
// do the usual behavior first
go.TextEditingTool.prototype.doMouseMove.call(this);
if (this.isBeyondDragSize()) {
// start a timer to maybe call doWaitAfter
this.standardWaitAfter(150, this.diagram.lastInput);
}
},
"textEditingTool.doWaitAfter": function() {
// the ToolManager normally implements tooltips
this.diagram.toolManager.doWaitAfter(this.diagram.lastInput);
},
. . .
});
myDiagram.nodeTemplate =
$(go.Node, "Spot",
{
toolTip: $("ToolTip", $(go.TextBlock, new go.Binding("text")))
},
. . .
I’ve got Node with Toolbar, Node contains text.
When I’m editing text I can click on Toobar I can move mouse on Toolbar and see Tooltip but events like onMouseEnter and onMouseLeave which are bound to Toolbar don’t work.