BUG: Cannot drag to move components on mobile
- Dominant language
- TypeScript
- Stars
- 26.2k
- Forks
- 4.6k
- Avg merge
- 2d 21h
- Merged PRs (30d)
- 6
Description
### GrapesJS version
- [x] I confirm to use the latest version of GrapesJS
### What browser are you using?
Chrome v133
### Reproducible demo link
https://jsfiddle.net/2hjdrb7L/1/
### Describe the bug
**How to reproduce the bug?**
Initialize a grapesjs editor using grapesjs v0.22.x with the grapesjs-touch plugin v0.1.1.
**What is the expected behavior?**
On mobile, using the move handler from the toolbar should move the component to another location as was happening in prior versions.
[Link](https://jsfiddle.net/h1nzadq0/) to demo using grapesjs v0.21.13 where it's working correctly.
**What is the current behavior?**
When dragging the component the drop indicator appears however, releasing does not immediately move the component to the new location. The component is only moved to the highlighted place after tapping the canvas again.
There are no console errors.
Using the following config:
```js
const editor = grapesjs.init({
container: '#gjs',
height: '100%',
fromElement: true,
storageManager: false,
plugins: ['grapesjs-touch'],
});
```
### Code of Conduct
- [x] I agree to follow this project's Code of Conduct
Contributor guide
Assessment
This issue has not been assessed yet.