Drag and Drop components within the Infinite Canvas

[aragop25]

Bug description

I am trying to use the Draggable component (via react-draggable) to place components within the Infinite Canvas that can be draggable. This will allow for a "workspace" environment. When I try to use the Draggable component, I have an issue where clicking on the component that should be draggable, ends up moving the canvas around instead.

Expected result

There needs to be some differentiation between clicking on the Canvas and on the Draggable component.

Actual result

The canvas itself moves around instead of the component that should be draggable.

Is there a way to update the InfiniteCanvas component such that custom component can be draggable within the canvas to give a "workspace" feel

Steps to reproduce

1. 2. 3.

Your Environment

• Version used:
• Browser Name and version:
• Operating System and version:
• Link to your project:

[KarthikAravindR]

Hi @aragop25, I understand what you are facing and I will try to fix this. Thanks for reaching out.