<!-- Answer -->
It looks like the issue you're encountering with the drag-element and its effect on the associated edge (polyline) endpoint calculations in G6 might be due to how the framework calculates the endpoints based on the style.targetPort and style.sourcePort properties. These properties should reference the ports' placement information in the nodes' ports array, which determines the exact position of the port on the node's boundary.
To address the unexpected behavior when the target node moves below the source node, consider the following steps:
- Verify the
placement values for the ports to ensure they are correctly set and interpreted. Incorrect placement values can lead to unexpected endpoint calculations.
- Ensure that the graph updates the edge paths correctly when nodes or their ports move. If the edge paths are not updated or are updated incorrectly, it could cause the endpoints to be calculated incorrectly.
- Simplify your graph to include only the source and target nodes involved in the issue for easier debugging.
- Add logging or breakpoints in the code that handles node movement and edge drawing to help identify if and when the edge paths are recalculated.
For more detailed guidance on handling edge calculation with ports, you might find the element-edge-port.ts demo file in the G6 repository helpful.
If you need further assistance or have more details to share, feel free to reach out.
Sources
<!-- Dosu Comment Footer -->
<details>
<summary>
About Dosu
</summary>
This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.
Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.
If you want to continue the conversation, start your reply with @dosu-bot.
</details>
IssueHunt
