md-menu-bar: md-menu-content wrongly placed inside of md-tab

[frapontillo]

When putting a md-menu-bar inside a md-tab-body of a md-tabs, by clicking on a md-menu button, the md-menu-content (the menu item sub-list) is wrongly placed at the center of the tab, and not next to the button that triggered it open.

To replicate this, I have forked the menu bar demo at this codepen and simply put the whole thing inside a tab, then add some more text on top of the tab.

It looks like the div.md-open-menu-container is placed using relative positioning from the triggering element, while it should be based on absolute positioning with regards to the whole document.

This is the outcome:

This happens with angular-material 0.11.0.

[brianpkelley]

+1 can confirm
Seems to be affected by the scroll amount as well.

[frapontillo]

I really think it's an issue with the tab system, since my ui-ace directive places error tool tip in the same errored way, when the directive is placed inside md-tabs.

[rschmukler]

Thanks for the fantastic bug report. Fixed!

[frapontillo]

Yay for one liners! 💣