fix(tooltip): close tooltip when hovering out of an iframe (#11600)

**Related Issue:** #11091

## Summary

- Sets up an event listener on the document for when the pointer leaves
the document
  - Closes tooltip when this occurs
- This is to support a mouse moving out of an iframe with tooltips

Author: driskull

packages/calcite-components/src/components/tooltip/TooltipManager.ts

@@ -98,6 +98,11 @@ export default class TooltipManager {
     }
   };
 
+  private pointerLeaveHandler = (): void => {
+    this.clearHoverTimeout();
+    this.closeHoveredTooltip();
+  };
+
   private pointerMoveHandler = (event: PointerEvent): void => {
     if (event.defaultPrevented) {
       this.closeHoveredTooltip();
@@ -218,6 +223,7 @@ export default class TooltipManager {
     window.addEventListener("click", this.clickHandler);
     window.addEventListener("focusin", this.focusInHandler);
     window.addEventListener("blur", this.blurHandler);
+    document.addEventListener("pointerleave", this.pointerLeaveHandler);
   }
 
   private removeListeners(): void {
@@ -226,6 +232,7 @@ export default class TooltipManager {
     window.removeEventListener("click", this.clickHandler);
     window.removeEventListener("focusin", this.focusInHandler);
     window.removeEventListener("blur", this.blurHandler);
+    document.removeEventListener("pointerleave", this.pointerLeaveHandler);
   }
 
   private clearHoverOpenTimeout(): void {

packages/calcite-components/src/components/tooltip/tooltip.e2e.ts

@@ -1396,6 +1396,29 @@ describe("calcite-tooltip", () => {
     });
   });
 
+  it("closes tooltip when pointer leaves document (simulates iframe use case)", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`
+      <calcite-tooltip id="tooltip" reference-element="trigger">Awesome tooltip!</calcite-tooltip>
+      <button id="trigger">Hover me</button>
+    `);
+    const button = await page.find("#trigger");
+    const tooltip = await page.find("calcite-tooltip");
+
+    await button.hover();
+    await page.waitForTimeout(TOOLTIP_OPEN_DELAY_MS);
+    await page.waitForChanges();
+
+    expect(await tooltip.getProperty("open")).toBe(true);
+
+    const viewport = page.viewport();
+    await page.mouse.move(viewport.width + 100, viewport.height + 100);
+    await page.waitForChanges();
+
+    await page.waitForTimeout(TOOLTIP_CLOSE_DELAY_MS);
+    expect(await tooltip.getProperty("open")).toBe(false);
+  });
+
   describe("theme", () => {
     describe("default", () => {
       themed(