tooltip: does not work with md-menu-content and ng-repeat

[deejay220989]

Actual Behavior:

• What is the issue? *I have a md-content-menu with ng-repeat of items..and md-tooltip does not work.
• What is the expected behavior?md-tooltip to work.

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: http://codepen.io/deejay220989/pen/pNRezq
• Details: Take a look at the code, the first "Item 1" is not using ng-repeat and the tooltip is working fine, but the rest are using ng-repeat and tooltip does not show up. For some reason, the "MENU" button has tooltip..

Angular Versions: *

• Angular Version: 1.6.5
• Angular Material Version: 1.1.1

Additional Information:

• Browser Type: * Chrome
• Browser Version: * 54.0.2840.99 m
• OS: * Win 8
• Stack Traces:

---

Shortcut to create a new CodePen Demo. Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions. Add more lines if needed.

[Splaktar]

I simplified the demo a bit. But it shows that this is still an issue in 1.1.10 and it shows that tooltips on ng-repeated elements work fine outside of md-menu-content.

There is a second issue that the menu button has the tooltip from one of the buttons contained in the md-menu-content.

[p3x-robot]

same here

 <md-menu-item ng-repeat="role in $root.state.user.role">
                        <md-button>
                            <md-icon>label</md-icon>
                            {{ $root.ngivr.strings.label.roleLabel[role] }}
                        </md-button>
                        <!--
                        https://github.com/angular/material/issues/10041
                        <md-tooltip>{{ $root.ngivr.strings.label.role }}</md-tooltip>
                        -->
                    </md-menu-item>

tooltip is not generated.