Drag and drop highlighting text rather than dragging/dropping

I am using [Sortable.js](https://github.com/SortableJS/sortablejs) to allow drag/drop ordering of rows in a table.
It uses the first cell in each row as a handle to trigger the drag.

If I try to drag the second row in the table to do a drag and drop onto the the handle of the 7th row,
the row doesn't move, instead a screenshot shows that all text in the table is highlighted.

I have attached a script to reproduce with a public instance.

[dnd_text.py.txt](https://github.com/cobrateam/splinter/files/5380354/dnd_text.py.txt)

The intent is to drag and drop multiple rows and capture the before and after. The script has the code to select
multiple elements using selenium ActionChains commented out. When uncommented the screenshots show
the rows properly selected (different background color) but again text in the table is selected from the top until row 6.

So what am I missing in my test implementation?
Thanks.

-- rouilj