Templarian / ui.bootstrap.contextMenu

AngularJS Bootstrap UI Context Menu
MIT License
259 stars 127 forks source link

nested menu obscures parent when menu would overflow right edge of window #143

Open dwightkelly opened 6 years ago

dwightkelly commented 6 years ago

The nested menu is rendered on top of its parent when the parent menu is positioned towards the right edge of window. This makes it impossible to close the nested menu unless you close the entire menu and reopen.

josetaira commented 6 years ago

Hmm, I think the rendering should be something more like this:

pixil-frame-0 1

(orientation is right. Behavior is reversed if orientation is left) The red squares are where the user clicks. The blue rectangle is a submenu item that on-hover will render the corresponding submenu on the left (because it won't fit on the right anymore).

Apologies for the poorly made illus, but I hope it's clear enough. Would appreciate it if you could implement it this way.