Fix tooltip when hovering a children element (delegateTarget) (#30928)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

site/content/docs/5.0/components/tooltips.md

@@ -81,6 +81,17 @@ And with custom HTML added:
 </button>
 {{< /highlight >}}
 
+With an SVG:
+
+<div class="bd-example tooltip-demo">
+  <a href="#" data-toggle="tooltip" title="Default tooltip">
+    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 100 100">
+      <rect width="100%" height="100%" fill="#563d7c"/>
+      <circle cx="50" cy="50" r="30" fill="#007bff"/>
+    </svg>
+  </a>
+</div>
+
 ## Usage
 
 The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element.