When paper-tooltip is defined for element and its child, both shows up on hover of child

[Drizzthsz]

Description

You need to define two paper-tooltips. Use the for attribute to match them for ids. In my example I have a paper-input which has a paper-icon-button defined in its "prefix" slot. One of the tooltip is defined for the paper-input and the other is for the icon. What happens is that when the cursor is over paper-icon-button, both of the tooltips come up.

Expected outcome

When hovering over the paper-iron-icon, only its tooltip should be active.

Actual outcome

When the cursor is over paper-icon-button, both of the tooltips come up.

Steps to reproduce

It is a button
It is an icon button

Browsers Affected

(Tried Chrome only!)

• Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10

Live demo

https://jsbin.com/nitibirite/edit?html,output

Suggestion

We could add an extra property to define that only one tooltip should be shown as being processed on the chain of event bubbling. I think that we could add some extra info into the event which causes the tooltip to appear. And if that info is present when the event is receivd, do not show the tooltip.