From 1e689679442cb286bad5e6dec5df1ed7187924f2 Mon Sep 17 00:00:00 2001
From: QichenZhu <57348009+QichenZhu@users.noreply.github.com>
Date: Wed, 25 Sep 2024 22:41:21 +1200
Subject: [PATCH] Fix tooltip size becoming small after suspending and
 unsuspending

---
 src/components/Tooltip/BaseGenericTooltip/index.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/Tooltip/BaseGenericTooltip/index.tsx b/src/components/Tooltip/BaseGenericTooltip/index.tsx
index 41f3e97c8087..4254080f2e96 100644
--- a/src/components/Tooltip/BaseGenericTooltip/index.tsx
+++ b/src/components/Tooltip/BaseGenericTooltip/index.tsx
@@ -50,8 +50,17 @@ function BaseGenericTooltip({
     useLayoutEffect(() => {
         // Calculate the tooltip width and height before the browser repaints the screen to prevent flicker
         // because of the late update of the width and the height from onLayout.
+        const rootWrapperStyle = rootWrapper?.current?.style;
+        const isScaled = rootWrapperStyle?.transform === 'scale(0)';
+        if (isScaled) {
+            // Temporarily reset the scale caused by animation to get the untransformed size.
+            rootWrapperStyle.transform = 'scale(1)';
+        }
         setContentMeasuredWidth(contentRef.current?.getBoundingClientRect().width);
         setWrapperMeasuredHeight(rootWrapper.current?.getBoundingClientRect().height);
+        if (isScaled) {
+            rootWrapperStyle.transform = 'scale(0)';
+        }
     }, []);
 
     const {animationStyle, rootWrapperStyle, textStyle, pointerWrapperStyle, pointerStyle} = useMemo(