Skip to content

[Bug]: Image drag-and-drop not working on mobile (iOS/Android) after upgrading to Fabric 5.0.0 #10807

@aqleemajonas

Description

@aqleemajonas

CheckList

  • I agree to follow this project's Code of Conduct
  • I have read and followed the Contributing Guide
  • I have read and followed the Issue Tracker Guide
  • I have searched and referenced existing issues and discussions
  • I am filing a BUG report.
  • I have managed to reproduce the bug after upgrading to the latest version
  • I have created an accurate and minimal reproduction

Version

5.0.0

In What environments are you experiencing the problem?

Chrome

Node Version (if applicable)

None

Link To Reproduction

Sandbox templates are wrong. Next template fails to install, Vanilla template >= v6 actually uses fabric v3 and fails to install as well.

Steps To Reproduce

  1. Create a basic Fabric canvas in an Angular app (or plain JS app)

const canvas = new fabric.Canvas('canvas');
fabric.Image.fromURL('path/to/image.jpg', (img) => {
canvas.add(img);
});
2. Open the app on a mobile browser (Safari on iOS or Chrome on Android).
3. Try to drag the image on the canvas using touch.

Expected Behavior

The image should move (drag) smoothly on touch events, as it did in Fabric 4.7.x.

Actual Behavior

The image does not respond to touch/drag events on mobile devices.
No console errors appear, and the canvas otherwise renders correctly.

Error Message & Stack Trace

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions