Grab cursor after working with Overview component

Hi

Recently facing styling issue: When using the zoom pane (ejs-overview) in the diagram, moving the cursor out of the pane makes the user cursor stuck on 'grab'. The behaviour is attached in gif file.

We managed to resolve this by @mouseleave handler of parent div wrapped over ejs-overview

function resetOverviewPanCursor(): void {
const di = getDiagramInstance();
if (!di) {
return;
}
di.setCursor("default");
}

If it's issue at your end, please provide the bugfix.

Thanks in Advance


Attachment: c5c3ff2f39084020ae30a1cce05ac66f_5c3d619f.gif

2 Replies

PK Priyadharshini Kandhasamy Syncfusion Team June 12, 2026 10:05 AM UTC

Hi Alexander,

Reported Issue: The cursor changes to a grabbing icon when moving from the overview to the diagram area.

 

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 June 23rd 2026 weekly patch release. 

 

Feedback link: Cursor changes to grabbing cursor when moving from overview to diagram area in Vue | Feedback Portal

 

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.


Regards,

Priyadharshini K



PK Priyadharshini Kandhasamy Syncfusion Team June 23, 2026 07:44 AM UTC

Hi Alexander,


Reported issue: The cursor changes to a grabbing icon when moving from the overview to the diagram area.

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 (v33.2.15) packages of the diagram to resolve this issue.      

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

 

Root cause: The issue occurs because the cursor state is updated only during the mouse-up event and not during continuous mouse movement. However, when the cursor moves out of the overview area or re-enters the diagram without triggering a mouse-up event, the cursor state is not recalculated. As a result, the cursor remains stuck in the grabbing state instead of reverting to the appropriate cursor state, leading to inconsistent user interaction behavior.


Regards,

Priyadharshini k


Loader.
Up arrow icon