From 238608708b7873bbe0c48fac01bf722cf029ff28 Mon Sep 17 00:00:00 2001 From: Harish Gautam <33349461+harsh9975@users.noreply.github.com> Date: Wed, 27 Dec 2023 18:17:30 +0530 Subject: [PATCH] fix: Tooltip component - Content is not getting wrapped inside tooltip (#1904) --- packages/blade/src/components/Tooltip/TooltipContent.tsx | 1 + .../Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap | 3 +++ 2 files changed, 4 insertions(+) diff --git a/packages/blade/src/components/Tooltip/TooltipContent.tsx b/packages/blade/src/components/Tooltip/TooltipContent.tsx index 49539605dcd..501ebf92175 100644 --- a/packages/blade/src/components/Tooltip/TooltipContent.tsx +++ b/packages/blade/src/components/Tooltip/TooltipContent.tsx @@ -31,6 +31,7 @@ const TooltipContent = React.forwardRef( weight="regular" contrast="high" color="feedback.text.neutral.highContrast" + wordBreak="break-word" > {children} diff --git a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap index 010e03e361a..b59efef42d4 100644 --- a/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap +++ b/packages/blade/src/components/Tooltip/__tests__/__snapshots__/Tooltip.web.test.tsx.snap @@ -84,6 +84,7 @@ exports[` should render 1`] = ` line-height: 1rem; margin: 0; padding: 0; + word-break: break-word; } .c0.c0.c0.c0.c0 { @@ -337,6 +338,7 @@ exports[` should render tooltip with custom zIndex 1`] = ` line-height: 1rem; margin: 0; padding: 0; + word-break: break-word; } .c0.c0.c0.c0.c0 { @@ -603,6 +605,7 @@ exports[` should render with title 1`] = ` line-height: 1rem; margin: 0; padding: 0; + word-break: break-word; } .c0.c0.c0.c0.c0 {