How can to keep horizontal scroll and context menu when right click on grid row cell

I have a grid like this,

<ejs-grid id='grid' #grid [selectionSettings]="{checkboxOnly: true}" 

[contextMenuItems]='contextMenuItems' (contextMenuClick)='contextMenuClick($event)' (contextMenuOpen)='beforeOpenContextMenu($event)'>

I meet problem every first time, move scroll horizontal then right click to cell, the row is selected, check box is selected also. But the scroll horizontal always move to the left and the context menu move too while i try to keep scroll position  by  rowSelected and dataBound event. 

this.grid.getContent().firstElementChild.scrollLeft = this.scroll;


Please kindly to help.


 

   


1 Reply

RR Rajapandi Ravi Syncfusion Team August 16, 2021 10:57 AM UTC

Hi Anh, 

Greetings from syncfusion support 

From your update we could see that the horizontal scrollbar was moved to left when you open the context menu. Based on your reported scenario we have checked it from our end and try to reproduce your reported problem. But it was unsuccessful. For your reference we have attached the sample and video demo. 



If you still face the issue, Please share the below details that will be helpful for us to provide better solution. 

1)      Please share your exact requirement with detailed description. 

2)      Share an issue replication procedure step by step. 

3)      Please share issue scenario in video demonstration format. 

4)      Please share your syncfusion package version. 

5)      Please confirm what action you have performed in the contextMenu. 

6)      Please share any issue reproducible sample or please modify the above sample as per your application structure and try to reproduce the issue. 

Regards, 
Rajapandi R

Loader.
Up arrow icon