Comments (4)
@madebyaaron thanks!
Interesting idea! How would you see this work?
I had a similar idea for multi-touch support, i.e. ability to pick up multiple draggables with multiple fingers. But this would be something to look at after releasing the first stable build.
from draggable.
I'd approach it in the following...
I currently have a delay on my sortable items to allow me to select them using "command/ctrl + click". This adds a reference of the selected item to a store to track the state (a glorified array).
When i drag one of my sortable items (with command/ctrl held down), a mirror would be created for each selected item (offset by one another). Giving the appearance that I'm moving all selected items. Then on release, all the items would be moved to the new position (respecting their original indexing)
That'd would be my approach in terms of functionality. Happy to provide how i'd approach it technically too if it helps.
from draggable.
@madebyaaron Hi guy, how do you use "command/ctrl + click" to select an item, In the onMouseDown event of MouseSensor. js , the ctrlKey event is returned. You can look at this Thx~
from draggable.
I had a similar idea for multi-touch support, i.e. ability to pick up multiple draggables with multiple fingers. But this would be something to look at after releasing the first stable build.
Has this ever been implemented? When I try to drag a second item, the first one isn't released and the mirror stays displayed indefinitely. I'd like to know if it's because of my implementation or simply not possible with v1.0.0-beta.12
from draggable.
Related Issues (20)
- Criteria Active Record & Migration HOT 1
- Manual discounts permission - Build use case scenarios for testing
- Preventing element from being added in a Sortable HOT 5
- Draggable caught errors while triggering 'drag:over' HOT 1
- Links on https://shopify.github.io/draggable/ in Chromium browsers do nothing when clicked HOT 2
- Unable to start example in Windows 10 HOT 8
- The mirror element created at the wrong place when using flexbox HOT 1
- Does it make sense to replace AbstractEvent with CustomEvent? HOT 2
- Suggestion for cross OS
- Why Sensors trigger events in source container? HOT 4
- keyboard accessibility - feature request
- shopify theme
- Sortable with fixed Layout
- Analysis: 97% of dependency updates in this repository can be merged. HOT 2
- Add Carousal effect on the UI Hero section
- [BUG] - Multiple Container Sortable Bug on touch devices
- Option to set width/height to offsetWidth/Height on drag start HOT 1
- No keyboard accessibility = please add DO NOT USE ALERT HOT 1
- Duplicate Mirror gets created on iOS Safari if the draggable element contains a link
- Swappable:swap cancel async
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from draggable.