The New Way to Build!
Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More
keenthems Draggable The function doesn't work.
hello.
The drag function does not work in the doc example.
Even if you copy the source code, it doesn't work.
keenthemms : seven-html-pro
doc Url : https://preview.keenthemes.com/html/seven-html-pro/docs/general/draggable/restricted
Replies (2)
Hi,
Thank you for reporting this issue. We will check it further and provide a quick fix asap.
Regards.
Hi,
You can fix this issue by referring to the following steps:
-
Follow Quick Setup guide.
-
If you are using Gulp go to
core/html/tools/gulp.config.jsand 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",
},
},
- If you are using Webpack go to
tools/webpack/plugins/custom/draggable/draggable.jsand change the build config as shown below:
require('@shopify/draggable/build/umd');
- 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.
