From 6a609240cd8ae4063d88ced01f336c36807dacdd Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Sat, 13 Mar 2021 05:41:19 -0800
Subject: [PATCH] feat(tooltip): elevate z-index of tooltip when open

---
 docs/src/pages/components/Tooltip.svx | 4 +++-
 src/Tooltip/Tooltip.svelte            | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/components/Tooltip.svx b/docs/src/pages/components/Tooltip.svx
index f4f6d538..2ea0bbf9 100644
--- a/docs/src/pages/components/Tooltip.svx
+++ b/docs/src/pages/components/Tooltip.svx
@@ -4,7 +4,9 @@
   import Preview from "../../components/Preview.svelte";
 </script>
 
-### Default (icon-only, "bottom" direction)
+### Default
+
+By default, the tooltip is triggered by an information icon.
 
 <Tooltip tooltipBodyId="tooltip-body">
   <p id="tooltip-body">
diff --git a/src/Tooltip/Tooltip.svelte b/src/Tooltip/Tooltip.svelte
index 3f2bd110..b659a2c1 100644
--- a/src/Tooltip/Tooltip.svelte
+++ b/src/Tooltip/Tooltip.svelte
@@ -171,7 +171,10 @@
     }
   }}" />
 
-<div {...$$restProps} style="{$$restProps.style}; position: relative;">
+<div
+  {...$$restProps}
+  style="{open ? 'z-index: 1;' : ''}{$$restProps.style}; position: relative;"
+>
   {#if !hideIcon}
     <div bind:this="{ref}" id="{triggerId}" class:bx--tooltip__label="{true}">
       <slot name="triggerText">{triggerText}</slot>