Allow text to be dropped into sortable INPUT fields

[thardyman]

Enhancement request: I have some INPUT fields and the default browser behaviour allows a user to drop text from another browser window directly into the input field. When I put these into a sortable list then this default functionality is prevented. I hope this makes sense.

The issue is that preventDefault() called on the dragover event. This happens even if I set dragoverBubble to true. I have managed to fix this by changing line 467: -

            if (evt.preventDefault !== void 0 && !options.dragoverBubble) {
                evt.preventDefault();
                evt.stopPropagation();
            }

Would you like me to create a pull request for this?

Congratulations. It's a fantastic project, really well written and useful. Thanks.

[RubaXa]

Create an example on jsbin.com

[thardyman]

Here is an example of the issue using the latest sortable code: -

http://jsbin.com/gebedemanu/2/edit

Here is an example of it working using the modified code proposed above: -

http://jsbin.com/juvapomizu/2/edit

You'll notice that you can drag and drop text from another browser window into the fields on the working example, but not on the one with the latest sortable code.
(I had to host my library at dropbox because JSBin refused to run the code from github as the mime type wasn't right.) The code on dropbox is the same as in the pull request - issue-254.

Cheers, Tim

Tim

[RubaXa]

Try drop-text-branch

[thardyman]

Hi,

Yes that works fine for me. Thanks!

Tim

On 7 February 2015 at 20:06, Lebedev Konstantin [email protected]
wrote:

Try drop-text https://github.com/RubaXa/Sortable/tree/drop-text/-branch

—
Reply to this email directly or view it on GitHub
#254 (comment).

[thardyman]

This issue seems to have regressed. I can't seem to drop text into fields using Sortable 1.1.1. Can we re-open this issue or should I create a new one?

Cheers,
Tim