Does not display tooltip if is nullish

fortanix · Oct 29, 2024 · 292cfd8 · 292cfd8
1 parent 2ca638d
commit 292cfd8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/overlays/Tooltip/TooltipProvider.stories.tsx b/src/components/overlays/Tooltip/TooltipProvider.stories.tsx
@@ -155,3 +155,15 @@ export const TooltipDraggable: Story = {
   name: 'Tooltip (draggable anchor)',
   render: () => <TooltipWithDrag/>,
 };
+
+export const TooltipEmpty: Story = {
+  args: {
+    tooltip: '',
+  },
+};
+
+export const TooltipNull: Story = {
+  args: {
+    tooltip: null,
+  },
+};
diff --git a/src/components/overlays/Tooltip/TooltipProvider.tsx b/src/components/overlays/Tooltip/TooltipProvider.tsx
@@ -85,7 +85,7 @@ export const TooltipProvider = (props: TooltipProviderProps) => {
   }, [isMounted, onTooltipActivated, onTooltipDeactivated]);
 
   const renderTooltip = () => {
-    if (!isMounted) { return null; }
+    if (!isMounted || !tooltip) { return null; }
 
     const floatingProps = getFloatingProps({
       popover: 'manual',