Context Menu not working in Angular 11

Tags: #<Tag:0x00007efc64eea7c0>
#1

Hi, I haven’t been able to test the context menu plugin, I set the contextMenu property to true and it doesn’t show up, I found that there’s a HTML element with htMenu htContextMenu handsontable classes in the demo fiddle but on my Angular project that element doesn’t show up maybe that’s why it’s not working. I installed this component as shown in https://handsontable.com/docs/angular-installation/ am I missing javascript or CSS? I also added the CSS styles in my project as well. Another thing to point is that the multiColumnSorting plugin also doesn’t seems to work, maybe it’s something related. Thanks in advance

#2

Hi @jvargas

I have created two examples. The first one, made in jsfiddle works just fine as you can see here: https://jsfiddle.net/aszymanski/7udayvpo/6/

And the second one I created locally so you can take it as a reference. Again, contextMenu and multiColumnSorting works fine.

Local package: https://we.tl/t-y8J4Z4ibJp

(All you need to do is to install dependencies with npm i command in the root folder)

Do let me know if that helps.

#3

Thank you @adrian.szymanski I downloaded the local package and apply the npm i command the the root folder (where the package.json is located) and installs everything fine but while ng serve or ng build throws the following error:

Error: The target entry-point “@handsontable/angular” has missing dependencies:

  • handsontable

I installed latetest handsontable dependency manually and it worked correctly

But my problem seems to be fixed with the versioning of the handsontable at ^11.1.0 and @handsontable/angular at ^10.0.0, previously had @handsontable/angular and handsontable at 11.1.0

Thank you.

#4

Hi @jvargas

That’s good to hear. I’m closing the topic then :slight_smile:

#5