GrapesJS / GrapesJS/grapesjs

BUG: Cannot drag to move components on mobile

Open
#6,409 4 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.