Implement onClicked and onSelected events on draggable elements

[shyam-habarakada]

The following a common scenarios with elements that are made draggable via Awe.enableDrag :

• Detect that the element was clicked on or touched, but no dragging was performed. In this scenarios, we typically use some drag distance threshold and measurement of time between start and end events to guess if it was a drag interaction or a click / touch interaction. If the latter, we may decide to present an alternate UX to had it been dragged, such as showing a menu or navigating away to some location.
• Detect the element was selected. This is typically a drag and hold operation to put the element in a selected state.

@sambaker what do you think of exposing these events natively in the Awe.enableDrag feature? The parameters for determining these can be part of the config passed in. Is this something you had already thought of and discarded for some reason?

[shyam-habarakada]

Further, when these new events and config parameters are specified, onDragMove should not be triggered until the drag thresholds have been met. We could perhaps even skip onDragStart and onDragEnd as well if the interaction was a selection or a simple click.

[sambaker]

Valid suggestions, no reason they can't be added. I'll look into the best way to do this.

[shyam-habarakada]

Great.

[ericcroskeyartefact]

This seems like it would be a nice enhancement. It gets complex when you realize that for a particular use you may want to:

fire the event based on a duration fire the event based on a distance fire the event based on duration || distance fire the event based on duration && distance

so an implementation would ideally allow for a config that could specify all four cases.

ej

-----Original Message----- From: shyam-habarakada [mailto:reply@reply.github.com] Sent: Wednesday, August 01, 2012 7:08 AM To: Eric Juvet Subject: [awe-core] Implement onClicked and onSelected events on draggable elements (#8)

The following a common scenarios with elements that are made draggable via Awe.enableDrag :

• Detect that the element was clicked on or touched, but no dragging was performed. In this scenarios, we typically use some drag distance threshold and measurement of time between start and end events to guess if it was a drag interaction or a click / touch interaction. If the latter, we may decide to present an alternate UX to had it been dragged, such as showing a menu or navigating away to some location.
• Detect the element was selected. This is typically a drag and hold operation to put the element in a selected state.

@sambaker what do you think of exposing these events natively in the Awe.enableDrag feature? The parameters for determining these can be part of the config passed in. Is this something you had already thought of and discarded for some reason?

---

Reply to this email directly or view it on GitHub: https://github.com/sambaker/awe-core/issues/8