Allow hiding of parent element tooltips when hovering on a child element with its own tooltip

[rooby]

Is your feature request related to a problem? Please describe

If I have nested elements, both with tooltips, if I hover the child element I see both tooltips. For example, if I have a checkbox in a table cell

<th tooltip="Column description tooltip" container="body">
  <input type="checkbox" tooltip="Checkbox description tooltip" container="body" />
</th>

Describe the solution you'd like

I would like to be able to have different tooltips on nested elements, but if you're hovering the child element you only get the child tooltip, not the child tooltip and the parent tooltip.

[pokermanx]

Heya! Here is a quick solution to this.

<th tooltip="Column description tooltip" container="body">
  <input type="checkbox" tooltip="Checkbox description tooltip" container="body" (mouseover)="$event.stopPropagation()" />
</th>