a tags / links in draggable items are not clickable on mobile

[blntptr]

On desktop, draggable items work fine, easy to sort them, click links inside, but on mobiles (real mobilea, not mobile view in browsers), only dragging is possible, clicking does not work.

Anyone else had this experience?

[pbilka46]

Yes, we have the same problem with clicks on mobile in our project. Using version "^2.24.3".

Our dirty workaround was changing the behavior of draggable library on mobile.

      const options = {
        disabled: isDisabled
      };

      if (this.$vuetify.breakpoint.smAndDown) {
        return {
          ...options,
          handle: ".class-name"
        };
      }

      return options;

When the screen goes to mobile, we use handle property that allows us to perform dragging & dropping only on children element with specific class. We made clicking on mobile working by performing drag and drop only on icon - so the rest of the element could be clickable.

No finesse in that, I know, but maybe this helps someone. Still looking for a better solution.