Comments (3)
Yep, that's not possible. We store the handles in a lookup when the connection starts and won't update it during an ongoing connection. Maybe you could separate the displayed handle from the real one? The real handle always stays at the same position but only the visible / non-interactive one changes its position?
from xyflow.
I get what you're saying, I would also need to increase the hover trigger area to compensate for that delay then. All of it seems a bit hacky though. May I ask the reasoning behind this? As source handles behave correctly in this case.
If it's also a won't fix situation, could you tell me where is the related logic located so that I can fork or monkey patch it?
from xyflow.
Okay it appears that this comes from the following snippet. I get why you are using a lookup here but if there is a way to know when updateNodeInternals
is called then this lookup should be invalidated. I've tested it and updating the lookup here solves this issue. I'll investigate the code a little more to see how I can get notified about this and open a PR about it.
xyflow/packages/system/src/xyhandle/XYHandle.ts
Lines 151 to 161 in 82f40b4
from xyflow.
Related Issues (20)
- `MiniMap`'s mask doesn't cover the entire area HOT 1
- Having multiple edges pointing to one single handle, makes it hard for the user to update an edge from a handle to another
- Can't get "nodeLookup" from useStoreApi() HOT 1
- [v12.next15] updateNodeData on a node triggers a replace on all nodes HOT 1
- noDragClassName should allow multiple class names HOT 5
- `selectionOnDrag` does not work on touch devices HOT 2
- sketch marks when using Chrome and Edge with very small zoom HOT 1
- FitViewOptions not working with Controls component HOT 2
- nodesInitialized will fire before node measurements are exposed since xyflow 12-13 HOT 6
- Drag selection is dropped when mouse is outside the pane or when mouse encounters outside elements HOT 2
- Add "Auto Layout" example for Svelte Flow
- Node rendering inconsistent between Mac and Windows with Chrome HOT 1
- Svelte: some `SvelteFlow` component events not strongly typed HOT 2
- Add `avoidNodes` prop to getSmoothStepPath, getBezierPath and getSimpleBezierPath HOT 1
- on:connect isn't working as intend to HOT 7
- Restoring a graph with dynamic handles works sparodically HOT 8
- ConnectionDragThreshold
- Add "Reset zoom to 1" button as part of `Controls` HOT 1
- The edge style is wrong when dragging HOT 1
- Node text getting blurred when another div is scrolled (svelteflow) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from xyflow.