Opening a context menu brings on the transparent unremovable backdrop

Opening a context menu brings on the transparent unremovable backdrop

Posted by: pavloboiko on 7 July 2025, 5:58 am EST

• 

  pavloboiko

  • Post Options:
  • Link
    Copy

  Posted 7 July 2025, 5:58 am EST

  When I open a context menu - it also brings up some kind of a backdrop, that’s being displayed at the very top of the entire application. The problem is even when I click on it - context menu disappears but the backdrop does not go away - blocking the entire application. This is a very critical issue for our project. I couldn’t reproduce it in “designer” because I saw that context menu is working there entirely different and the backdrop element I have showed on the video is not being added at all. I need either to know how to get rid of this element, or a workaround if it’s a bug that has to be fixed on SpreadJS side.contextmenu_720.mp4.zip

• 

  chirag.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 7 July 2025, 6:57 am EST - Updated 7 July 2025, 7:02 am EST

  Hi,

  We reviewed the video you shared and understand the issue you’re facing with the backdrop remaining even after the context menu is dismissed. However, we were unable to reproduce this behavior on our end using the latest version of SpreadJS (v18.1.4).

  Please refer to the attached sample application that demonstrates the smooth working of the context menu without leaving any backdrop in the UI (see below).

  To resolve this issue, we recommend you try using the latest version, 18.1.4, and if the issue persists, kindly share a minimal working sample or modify the shared one to replicate the issue. This will help me investigate it more effectively.

  Attachment: https://jscodemine.mescius.io/share/AuOd7s4zlki7-UOKZ98yvQ/?defaultOpen={"OpenedFileName"%3A["%2Findex.html"%2C"%2Fapp.js"]%2C"ActiveFile"%3A"%2Fapp.js"}

  Working:

  

  Kind Regards,
  
  Chirag Gupta

• 

  pavloboiko

  • Post Options:
  • Link
    Copy

  Posted 7 July 2025, 8:08 am EST

  [quote=chirag.gupta][/quote]
  
  Thank you very much for the fiddle and for the involvement. But unfortunately - with the code provided in the sandbox - I cannot replicate the behaviour due to the fact that it always open the same hardcoded default context menu from Designer. And we are using the one that is being filled with
  
  spread.options.allowContextMenu = true;
  
  const cm = spread.getContextMenu();
  
  cm.menuData = […]
  
  spread.commandManager().register({…})
  
  I would be very grateful if you can provide me with a fiddle that creates a custom context menu. Maybe it will be reproducible right ahead, or if not - you can send me the fiddle and I will make it even more similar to the menu we have.

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 8 July 2025, 1:13 am EST

  Hi,

  We also tried replicating the behavior using a custom context menu but were unable to reproduce the issue on our end. Please refer to the attached sample for reference: https://jscodemine.mescius.io/share/KB0gdN5hMkWlYJems1O4YQ/?IsEmbed=false&Theme=Unset&PreviewDirection=0&IsEditorShow=true&IsExplorerShow=true&IsPreviewShow=true&IsConsoleShow=true&IsRunBTNShow=false&IsResetBTNShow=false&IsOpenInCodemineBTNShow=false&PanelWidth=20&PanelWidth=50&PanelWidth=30&defaultOpen={"OpenedFileName"%3A["%2Findex.html"%2C"%2Fpackage.json"%2C"%2Fsrc%2Fapp.js"]%2C"ActiveFile"%3A"%2Findex.html"}

  To better assist you, could you please share a minimal working sample along with the steps to replicate the issue you’ve observed, or modify the shared sample to demonstrate the problem? This will help us investigate the issue more effectively.

  Regards,
  
  Priyam