ngx-contextmenu
ngx-contextmenu copied to clipboard
isaacplmann
Problem with context menu position
In some situations context menu is opened from bottom and upper elements are hidden.
But if I right click a little upper it is opened correctly/
The context menu tries to position itself so that the largest area of the context menu is visible in the viewport. Your screenshots look like that logic isn't working correctly though. Did you have to scroll to see all of the context menu in your second screenshot?
I like the design of your context menu by the way. Having keyboard shortcuts right aligned is a nice touch.
I found if Y of right click is lower than center of the area contex menu is always opened at this position by bottom (like 1st screen).
This is obviously not working the right way, but fixing it will take some work. I'm planning to tear out my custom positioning logic and hand that work off to the @angular/cdk Overlay service. That should solve this issue and probably also solve bugs I haven't even thought of yet. I'm not sure what the timeline will be for this fix.
I installed new version from npm, but I have error: ERROR in ./app/app.module.ts Module not found: Error: Can't resolve 'ngx-contextmenu' .
I don't now how to make this work
Sorry about that, I compiled with angular 5.x which broke it for use with 4.x apps. 2.0.0-beta.2 is compiled with 4.x so it should work with 4.x and 5.x apps.
2.0.0-beta.4 falls back to vertically centering the context menu if it runs out of space on both sides. Let me know if that works for you.
Almost, there is a problem with upper navbar.
And if I make window smaller bottom part is hidden
I think this is the best I can do for now. The context menu can be entirely below the mouse location, entirely above or vertically centered on it.
Whenever issue 6534 in angular/material lands, I'll have the option to automatically add a scrollbar to the context menu if there isn't space. It looks like there hasn't been much work on it for the last 2.5 months though.
Hi Isaac, Any update on this issue? Was there a solution offered for this? We are facing the same problem. It seems the problems happens with the library too. see image: ( Mostly when viewport height is small and context menu list is long). Is it possible to position it properly (for instance getting the coordinates of bounding box) and maybe add a scroll bar when after a certain max-height say 70vh or something?
Thanks!
