Right Click Pan

[Kabe]

In my application I am not using a context menu, so it would be really nice if I could click and hold the right mouse button to do panning.

That way a user would be able to stay in the default mode and pan really easily by just click/hold the right mouse button a do the panning.

Is this a possibility? I see there is a click event but no mousedown/mouseup event.

[Moulidharan Gopalakrishnan]

Hi,

We will validate the possibilities of achieving your requirement and update you by 20th September 2024.

Regards,
Moulidharan

[Moulidharan Gopalakrishnan]

Hi, 

Currently, we cannot fully achieve your exact requirement. It's not possible to switch tools during the right-click event, as the tool will only update after the mouse-up event. However, we have prepared a sample where you can enable the ZoomPan tool with a button click to pan the diagram, and after the mouse-up event, it switches back to the default pointer tool. Please refer to the sample for reference.

Sample: Qypj59 (forked) - StackBlitz

Regards,
Moulidharan

[Kabe]

Hello and thanks for the example...I think I can make it work, 

One issue, is that after the right click the cursor does not change back to 'default'. You must physically move the mouse and then the cursor changes. Can we submit this as a bug? The cursor needs to change when the DiagramTools option is changed. (I tried to simulate a mousemove event but it didn't work). 

This issue is even more obvious when in normal operation in the following stackblitz:

https://angular-poxhsw-tgxawj.stackblitz.io 

First click on the pan button and move the mouse over the canvas and you'll see the 'grab' cursor. Then click on the Select button...when you move the cursor over the canvas the grab cursor flashes for a split second before changing to the select/default cursor. The cursor should start off correctly and not need to switch.

The other thing is that can we submit this as a feature request? Holding down the right click to pan is a pretty common concept with diagrams/maps. I think it would be a powerful feature for this toolset. What do you think?

[Moulidharan Gopalakrishnan]

Hi,

We cannot classify this as a bug at the moment. However, we will analyze the possibility of considering it as a feature request and update you by the 25th of September 2024.

Regards,
Moulidharan

[Kabe]

Hi - I just wanted to re-iterate that the diagram briefly shows the wrong cursor AFTER changing to Select mode. See screnshots and attached video. Although the blip is brief in this example I have seen it be more noticeable in other scenarios.

In my past encounters with syncfusion this would be deemed a bug. I just wanted to make sure we didn't misunderstand each other. Please look at screenshots / video.

Attachment: wrong_cursor_d36b5698.zip

[Moulidharan Gopalakrishnan]

Hi,

Query	Response
One issue, is that after the right click the cursor does not change back to 'default'. You must physically move the mouse and then the cursor changes. Can we submit this as a bug? The cursor needs to change when the DiagramTools option is changed. First click on the pan button and move the mouse over the canvas and you'll see the 'grab' cursor. Then click on the Select button...when you move the cursor over the canvas the grab cursor flashes for a split second before changing to the select/default cursor. The cursor should start off correctly and not need to switch.	Reported Issue : Mouse cursor flickers when entering the diagram canvas after the tool is changed at runtime We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on October 15th 2024 weekly patch release.  Feedback link: Mouse cursor flickers when entering the diagram canvas after the tool is changed at runtime in Angular | Feedback Portal (syncfusion.com) Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.
The other thing is that can we submit this as a feature request?	Currently we don’t have Support for Support to Pan the Diagram using right click mouse button. We have logged it as a feature, we don’t have any immediate plan to implement this feature.  You can communicate with us or track the status of the feature using the below feedback link. FeedBack link: Support to Pan the Diagram using right click mouse button in Angular | Feedback Portal (syncfusion.com)

Best Regards,

Moulidharan

[Kabe]

excellent, thx!

[Moulidharan Gopalakrishnan]

Hi ,

 

Reported issue:  Mouse cursor flickers when entering the diagram canvas after the tool is changed at runtime

 

We have fixed the reported issue and included it in our latest patch release which is rolled out successfully.

Please upgrade to the latest version (v27.1.53) packages of the diagram to resolve this issue.      

https://www.npmjs.com/package/@syncfusion/ej2-diagrams

RootCause:  The root cause of this issue lies in the delayed update of the cursor state after a tool change. When the tool is changed, the cursor transition is not handled immediately or smoothly, causing the previous tool’s cursor (e.g., the grab cursor from the pan tool) to persist for a split second. This causes the brief flicker of the incorrect cursor before it updates to the new tool’s cursor.

Regards,

Moulidharan

[Kabe]

Hello - i added a comment in this link

https://www.syncfusion.com/feedback/61654/mouse-cursor-flickers-when-entering-the-diagram-canvas-after-the-tool-is-changed

but didn't get a response yet. It probably got missed somehow.

Thx

[Sivaranjith Jeyabalan]

Hi Kabe,

Sorry for the inconvenience,

We will validate and update you with more details on November 04, 2024.

Regards,

Sivaranjith

[Unknown]

Hi Kabe,

 

We have addressed the reported issue, and the fix will be included in the upcoming weekly NuGet release scheduled for November 5, 2024.

 

Regards,

Pranoove

[Unknown]

Hi ,

 

Reported issue: Mouse cursor doesn't immediately changed at runtime in diagram

 

We have fixed the reported issue and included it in our latest patch release which is rolled out successfully.

Please upgrade to the latest version (v27.1.58) packages of the diagram to resolve this issue.

https://www.npmjs.com/package/@syncfusion/ej2-diagrams

 

Root cause: The root cause of this issue lies in the delayed update of the cursor state after a tool change. When the tool is changed, the cursor transition is not handled immediately, causing the previous tool’s persist.

 

Regards,

Pranoove