Drag boundary issue with dragMode: absolute/translate
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
chrome, firefox
Reproducible demo link
https://jsfiddle.net/drashti/9xk5ph8j/1/
Describe the bug
I am using the Grape JS builder for my client to setup the builder and templates. For that I want the setDragMode "absolute or Translate" so based on that elements can be set beside each other. But after doing it the element goes out of canvas area. I want to restrict it same like the Normal Drag mode but position should be manage absolute way. Is there any way to restrict elements to go outside the canvas area?
Please refer below image for the reference.
https://www.awesomescreenshot.com/image/23890163?key=97ac62df006e427f0af7fb82fd005e29

Thanks
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
No, at the moment is not possible. The dragMode is not real public and documented feature so I'm collecting all the issues and features to support here: https://github.com/artf/grapesjs/issues/3770#issuecomment-944915841
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5003
BUG: slow absolute drag on Chrome
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 111 Reproducible demo link https://...
Issue #3770
[Feature]: Improve and fix absolute dragMode
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v93 Reproducible demo link https://...
Issue #6409
BUG: Cannot drag to move components on mobile
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v133 Reproducible demo link https:/...
Issue #6318
BUG: Unable to use transparent fill in Block media svg
GrapesJS version[X] I confirm to use the latest version of [email protected] when this issue was filedWhat browser are you using? Fir...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.