ng-sortable icon indicating copy to clipboard operation
ng-sortable copied to clipboard

Why tap is prevented on draggable item?

Open muratcorlu opened this issue 9 years ago • 8 comments

I use ng-sortable to sort some thumbnail images in one of my projects. I want to open a lightbox to show image bigger in mobile devices. Because of screen is very small, I don't want to use a seperate element for that(I have a "preview button" that shown in desktop screens). But you said "Tap is prevented on draggable item." in Readme file. Why did you need something like that? And can you suggest a workaround?

muratcorlu avatar Mar 10 '16 10:03 muratcorlu

I just duplicated this issue in #296 but gave way more details

AckerApple avatar Mar 12 '16 23:03 AckerApple

fastclick was my issue. I broke everything down and isolated my issue. Turns out once I stopped using the package FASTCLICK, everything start working.

AckerApple avatar Mar 13 '16 02:03 AckerApple

I have forms that can appear inside draggable items. It used to be the user on a desktop PC could use a mouse to navigate those forms, but as of some recent update to ng-sortable they can no longer do that. They can no longer click on certain items in a form inside a draggable item. They have to tab into and around the form with the keyboard. Is this the same issue as above, or should I start a new issue? Is this a feature or a bug? If it's a deliberate new feature, is there a way to turn it off?

Interestingly, elements of type "checkbox" can be clicked on with the mouse and toggled as usual, but elements of type "text" cannot be selected with the mouse. And neither can

dllabs avatar Mar 30 '16 05:03 dllabs

@dllabs you can wrap your form with no-drag attribute.

a5hik avatar Mar 30 '16 06:03 a5hik

It has no-drag already.

dllabs avatar Mar 30 '16 06:03 dllabs

the fact that some elements can still be clicked on, and some cannot, is strange, no? As soon as I take the as-sortable-item-handle off the parent div, all the elements can be clicked on.

dllabs avatar Mar 30 '16 07:03 dllabs

If anyone is reading this and using ionic. Just easily add data-tap-disabled="true" to your data-as-sortable-item element in order to get ng-click working. Source: http://ionicframework.com/docs/api/page/tap/

Would be nice thought to add a Quirks topic in the documentation listing these common issues.

Ronnnn avatar Jun 24 '16 11:06 Ronnnn

I use Ionic. Trying to transition from v1 to v2, right now. I hella appreciate your comment, fella. I have made a mental note for it. So far real good on drag/drop in Ionic using ng-sortable :)

AckerApple avatar Jun 24 '16 12:06 AckerApple