Does not work with an indexed scrollwheel -- one click of the scroll wheel moves like 4 lines in your list, which seems to break the assumptions of your code. I get very strange behaviors, e.g. "pick" Five, scroll up and down, see swapping of Ten and Six during scroll. Then "place" results in Five being in the same place as before but Nine and Ten are swapped. Similar when using arrow keys.
Show HN: Picknplace.js, an alternative to drag-and-drop
21–30 of 158 posts
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#22Interesting concept but kind of unintuitive to figure out without reading about it first. Maybe you can tweak it?
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#23This doesn’t appear to always work? Sometimes the placed item gets sent back to the original position even though it’s clearly being placed in a new spot (at least from what I can see visually). The UX idea is nice.
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#24I don’t love it but really cool as something to test a new way.
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#25i was expecting when i click pick, that a "place" button would appear on each other item, or i could click on a row OR possibly highlighting the spots between rows either with a line, or "place" i think that's a much more intuitive & reliable ui, and would be an improvement on drag n drop. or a supplement to it
That's a great idea actually. I'd have to find a way to highlight the possible landing spots.
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#26On mobile this is a strong contender for the worst UX I've ever seen. The whole page moves, so you have to continously scroll back up after placing something. If when in pick mode you would only scroll the list, I would be able to organize it much faster.
Perhaps a combination of the two? Maybe standard drag-and-drop works as usual, but if you drag the item to some deadzone (like the side of the screen?), it will stick and you're free to scroll to where you want to put it.
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#27Interesting.
Definitely see its potential for mobile pages.
On web it feels unintuitive to scroll. It feels more natural to drag and drop. Guess Trello boards have conditioned us.
But on web this control is way better.
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#28Neat concept, but why scroll the entire page? It just ends up being distracting and confusing. Once you hit "pick" the scroll action should affect just the list and nothing else.
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#29Ideas for usability:
-Add a background behind the buttons when you have picked.
-When having picked, display above the buttons a helper text like "Now scroll to change position".
Re: Show HN: Picknplace.js, an alternative to drag-and-drop
#30Ideas for usability: -Add a background behind the buttons when you have picked. -When having picked, display above the buttons a helper text like "Now scroll to change position".
Came here to write the same. Give it some visual state of “pickedness“ (e.g. by displaying this state as elevated).
But in any case, great stuff!