Good Afternoon,
Here is a demo that I made for an issue I'm having with drag and drop. It is using the x-range chart type instead of the column chart type. I decided to use this because it allows for columns to be wider if I decide to set them to be wider with width values that I can control easy, though I have to use a function at declaration at the beginning to set the height of the individual columns. It is using React Highcharts and also has multiple select and drag and drop enabled (as long as the columns are adjacent to each other), but I am encountering 2 issues:
1) Clicking anywhere off the bars causes an issue within the drag and drop module
2) In the Drop Event, it seems that there is a bug where the data from the drop event function (e.target.series.data) is out of order during subsequent drag and drops. It functions well the first time, but every other time, the data seems to become disorganized and the drop animation shows it. I have tried maintaining the correct car order in the state, but this doesn't entirely fix the issue because it can become invalid somehow too.
https://stackblitz.com/edit/react-9hxrwq
Thank you for your time