Thanks to visit codestin.com
Credit goes to github.com

Skip to content

jgthms/picknplace.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

picknplace.js

A proof of concept of a viable drag and drop alternative.

facebook

Why?

I find that the drag and drop experience can quickly become a nightmare, especially on mobile. Trying to tap, hold, drag, and scroll, all at the same time, is awkward, slow, and error-prone. I've long had in mind a simpler 2-step approach: picking an item first, then placing it. So I implemented this basic version to showcase my idea.

How it works

When picking an item, a duplicate of the list is created on top of the original one. The duplicate is interactive and animated, and will update based on the scroll position. At the end, the user can either confirm or cancel the changes.

Is this a library?

Not exactly. This is merely a proof of concept, to convey what I had in mind. You can however look at the source code, for inspiration.