Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI 
Draggable demos do not work
Hi,
All demos of draggable plugins do not work. Could you help to check?
https://preview.keenthemes.com/html/metronic/docs/general/draggable/cards
Thanks
Replies (3)
Hi Sean, could you please update the JS documentation here https://preview.keenthemes.com/html/metronic/docs/general/draggable/cards with your last comment? I lost quite a few hours trying to make it work until I got here.
Hi,
Thanks for the heads-up.
We are aware of this issue and we will provide a quick fix asap.
Regards.
Hi,
You can fix this issue by referring to the following steps:
1. Get the latest Metronic from Themeforest and follow
Quick Setup guide.
2. If you are using Gulp go to core/html/tools/gulp.config.js and change the draggable build config as shown below:
draggable: {
src: {
scripts: [
"{$config.path.node_modules}/@shopify/draggable/build/umd/index.min.js",
],
},
dist: {
scripts: "{$config.dist}/plugins/custom/draggable/draggable.bundle.js",
},
},3. If you are using Webpack go to
tools/webpack/plugins/custom/draggable/draggable.js and change the build config as shown below:require("@shopify/draggable/build/umd");4. In your custom JS code use
var containers = document.querySelectorAll(".draggable-zone");
var swappable = new Draggable.Sortable(containers, {
draggable: ".draggable",
handle: ".draggable .draggable-handle",
mirror: {
//appendTo: selector,
appendTo: "body",
constrainDimensions: true
}
});Regards.
