I use HTML5 drag and drop to create some sortable tabs. Here's the exact code, although it is Angular-specific: https://stackoverflow.com/a/464829/
I have an svg diagram using d3.js inside one of these tabs.
Sorting works, but when I click on a chart, it performs a transition, and now the sorting is now interrupted until I reload the page.
I have other svg diagrams on other tabs that I can interact with without breaking them, however the diagram that causes the problems does not cause any error or anything else. It just breaks down without any clue as to what happened.
I note that the ".dragging" class is still applied when I start to drag, but there is no drag effect; the tab remains in place.
Any idea on what might happen, or where can I start looking for a problem? I am not even sure where to start, as there are no errors, and I don’t see how the drag and drop can touch me by clicking on the chart if javascript has not crashed, but there are no signs of this.
source
share