Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

Metronic Draggable Does not Work on Mobile


Hello,

I see the Metronic Draggable demo built off of the Shopify Draggable library.

It seems the Metronic version is bugged and does not work at all on mobile. Is there any plans to fix that?

Thanks!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (10)


The demo at Shopify Draggable works great.



Can you please provide me with the demo link you are referring to?



https://shopify.github.io/draggable/



Hello,

These demo page examples work the same way as in Metronic.

The only difference is that in Metronic to drag and drop items you need to click a button located in the top right corner.



May I know have you tried the original version outside Metronic ? Or you are having the issue only within Metronic?

As we tested it on iOS devices the draggable plugins work unstable with iOS devices.
It must be a genuine bug of the plugin.



The demo at Shopify Draggable works great.



Hello,

I just double-checked it and worked as expected. I used an Android phone with Chrome to test the drag & drop worked fine. Could you please retry it and if the issue still persists please let us know your device modal and mobile browser you used.

Regards



It does not work on my iPhone 13 Pro. I have a video but don't see how to upload it



Metronic uses the draggable plugin as it is and by right it should work as it is supposed to work. We will investigate this further.

In the meantime can you please try to upgrade it to version 1.0.0-beta.12 by changing the version in tools/package.json and update your packages through yarn and recompile your assets with gulp or webpack.



I'm using the demo at example


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(