JQuery UI Menu position only apply to first level menus and not to submenus

[ilagi]

It seems that the position option only applies to the first level of submenus and not second level.

Take a look at the below example and try to open Save Filters / Item 3 - 1 / Open. ​http://jsfiddle.net/K6QSd/13/

"Open" should have showed on the left and not on the right as position is set to: "my": "left top"

[tj.vantoll]

You are telling the first submenu's "left top" to be placed at the "right bottom" of the main menu. This position is off the screen, so the position utility flips the first submenu (because the default collision value of "flip" is used).

The 2nd submenu's "left top" does fit at the "right bottom" of the 1st submenu, so it is placed there. This is all expected behavior.

It's a little easier to see when the menu is not floating to the right and the menus all fit: ​http://jsfiddle.net/tj_vantoll/tAH6a/.