Endpoints and connections not moving with the element on scroll in jsplumb scrollable lists (React)

[sandeep737462]

Hello,

I'm using jsplumb in my react project. I created scrollable lists and made connections between the list items of different scrollable lists (This example in React).

When I scroll the list, the endpoints are not moving along the list element. The endpoint appears when the list item is in the viewport, but not near the list element. It is actually appearing in the initial position of the list element, whenever the list element tends to appear.

https://github.com/jsplumb/jsplumb/assets/75089739/27de3607-6d26-4fe3-87e1-4dfe2f70091e

Codesandbox Link

What should I do now?

[sporritt]

I'm afraid all I can suggest at the moment is to get out the debugger and start plugging away. I have zero time to look at this right now. Sorry.

[sandeep737462]

That's okay. If you have any time in the future and able to solve this, let me know in the same thread. Thanks a lot @sporritt 👍