Context menu does not close every time

[Davi Daniel Siepmann]

In each 4 or 5 times, the context menu does not close when we click the option, remaining over the other element we've shown.

We're using ContextMenuItems, ContextMenuClick and ContextMenuOpen.

See attachement for detail.

Attachment: contextmenudoesnotclose_6ffc7bb4.zip

[Madhu Sudhanan P]

Hi Davi, 

Thanks for contacting Syncfusion support. 

We are unable to reproduce the reported issue at our end. So we have prepared the sample for your reference and that can be download from the below link. In this sample we have called the Grid startEdit method within the contextMenuClick event to Edit the particular row. Still if you facing the same issue, please share the following details for further assistance, 

1)      Share the full Grid code example. 

2)      From your query, we found that you have used contextMenuClick and contextMenuOpen events. So please share that events code. 

3)      If you have used any additional or custom CSS, then share the CSS details. 

4)      If possible, try to reproduce the reported issue in the below attached sample and send back to us. 

5)      When you opened the Grid dialog template?. 

6)      Syncfucion package version. 

Sample: https://stackblitz.com/edit/6vp3vm?file=index.js 

Note: From your screenshot we found that you have selected multiple records before perform edit action. But currently Grid do not have the support for multiple row edit. So please select one row at time to perform the edit action. 

Regards, 

Madhu Sudhanan P 

[Davi Daniel Siepmann]

I won't be able to reproduce the problem in your example now, I'm sorry.

What we did, though, was attaching a contextMenuClick event, and making sure the HTML Element`s display property will always be "none"

setTimeout(() => {

args.element.parentElement.style.display = "none";

}, 100);//there must be something being done during Aurelia`s or Syncfusion`s last life cycle

We event tried to close the Context Menu programatically like that:

this.grid.contextMenuModule.contextMenu.close();

but it didn't work

So, the style.display = none did the trick :|

Thank you, anyway, guys !

[Madhu Sudhanan P]

Hi Davi, 

  

Thanks for the update. Please get back to us if you need further assistance. 

  

Regards, 

Madhu