I'm submitting a ... (check one with "x")
[X] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35
When a context menu has a submenu and it's invoked near the border of the page, the submenu is extended past the browser window causing scroll bars to appear.
Submenu should be positioned on the opposite side, like with desktop menus.
Minimal reproduction of the problem with instructions
What is the motivation / use case for changing the behavior?
The menu should behave like desktop menus, and not extend the document past the view area size.
Please tell us about your environment:
Firefox, TS 2.1.4
Angular version: 2.0.X
PrimeNG version: 2.0.X
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Firefox, most likely other too.
Language: [all | TypeScript X.X | ES6/7 | ES5]
Actually thats implemented and i couldn't replicate it can you create a plunker for this.
The same issue appears on the demo page: http://www.primefaces.org/primeng/#/contextmenu
Hello, I came across with the same problem. The problem only with SUBMENU. A context menu itself opens normally always, but a submenu always opens to the right side. I check it at Google Chrome browser and at Edge Browser.
To illustrate the issue (taken from the demo page):
All right i replicated it too i will work on this and get back to you from here.
at whitch version I can get this fix?