What can I do so that the spikes do not disappear when I move the mouse over the shapes?
Ok this one cost me a little work but it was achieved, after tracing the code to find out what makes the spikes work I found the following, the spikes only appear on a shape only when the editable parameter is set to false since this makes the shapes inherit the pointer_event property of the container layer which is set to “none” so that the shape does not catch mouse events, when the editable property is set to true then is when we can modify the shape since this sets the pointer_event of the shapes to “stroke” which also allows manipulating the shape and adds other functionalities through code this makes the shape catch the mouse events and not pass them to the container layer responsible for drawing and moving the spikes so the only thing I did was add a listener for the mousemove event of the shapes and pass the event to the container layer in order to make the spikes remain visible even when I position myself over a shape and drag it, leaving it as follows
path.node().addEventListener('mousemove', function (e) {
gd._fullLayout._lasthover.dispatchEvent(new MouseEvent("mousemove", e))
});
And ready we have the spikes visible even when the shape is editable
