How to adjust the position of the connection when node resizes? about drawflow HOT 7 CLOSED

View function updateConnectionNodes(id)

Example use:

editor.updateConnectionNodes('node-5');

from drawflow.

Could it be because it is taking 100 miliseconds to hide and show? Try settimeout.

Or prepare a codepen or sandbox to try

from drawflow.

Ohh yes. Sorry, I didnt study the documentation well.

from drawflow.

the connection tries to update but doesnt attaches to the actual position of input and output when the node resizes. What should be the problem now? It is working when I drag the nodes, so same function applies here. It should work as expected right?

from drawflow.

Same function

from drawflow.

yeah, but it doesnt work properly. But works properly when node is dragged.

here how I am using it

$('#project-details').on('click', '.add-input', function () {
    $(this).prop('hidden', true)
    $(this).parent().find('.remove-input').prop('hidden', false)
    $(this).parent().find('.user-instruction-input').show(100)
    let node_id = $(this).closest('.drawflow-node').attr('id')
    drawflow.updateConnectionNodes(node_id)
})


$('#project-details').on('click', '.remove-input', function () {
    $(this).prop('hidden', true)
    $(this).parent().find('.add-input').prop('hidden', false)
    $(this).parent().find('.user-instruction-input').hide(100)
    let node_id = $(this).closest('.drawflow-node').attr('id')
    drawflow.updateConnectionNodes(node_id)
})

from drawflow.

Yeah, 100 ms was the problem.

from drawflow.