tooltip not visible when on a paper-tab

[davidmaxwaterman]

Description

Putting a paper-tooltip on a paper-tab seems to cause it to not work.

Expected outcome

tooltip appears

Actual outcome

no tooltip

Live Demo

https://jsbin.com/feqadomede/edit?html,console,output

Steps to reproduce

1. open demo
2. pass cursor over paper-spinner
3. (aside: note errors in console - not sure what they're about)
4. note that tooltip appears
5. uncomment out the paper-tabs and paper-tab elements
6. pass cursor over paper-spinner
7. note that no tooltip appears

Browsers Affected

• Chrome
• Firefox
• [?] Safari 9
• [?] Safari 8
• [?] Safari 7
• Edge
• [?] IE 11
• [?] IE 10

[ernsheong]

I am seeing this issue as well. The paper-tooltip cannot seem to escape the boundaries of the paper-tab

[web-padawan]

The reason is this row enforcing stacking context to appear.

FWIW, Material Design spec says nothing about tooltips in tabs.

[ernsheong]

Thanks for the response. Looks like I'll have to drop it and find another way to explain terminology to users (as you can see, it's help text for tabs, maybe put the tooltip somewhere else), or roll my own (I'm not religious about Material Design 😄 ).

Putting it somewhere else looks like the easiest way forward!

[ernsheong]

Here's some ugly that works for now to make paper-tooltip appear from within paper-tab:

--paper-tabs: {
  overflow: visible;
}

--paper-tabs-container: {
  overflow: visible;
}

--paper-tab: {
  overflow: visible;
}