From c2af7c684d2eacf48bdcafbece4416228b972a33 Mon Sep 17 00:00:00 2001
From: Junhao Liao <junhao@junhao.ca>
Date: Thu, 26 Dec 2024 01:43:06 -0500
Subject: [PATCH] Wrap buttons with tooltips in span elements so that the
 tooltips can still be expanded even when the buttons are disabled.

---
 src/components/MenuBar/MenuBarIconButton.tsx |  8 +++---
 src/components/StatusBar/index.tsx           | 26 +++++++++++---------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/components/MenuBar/MenuBarIconButton.tsx b/src/components/MenuBar/MenuBarIconButton.tsx
index 6274cd0f..4ded10e2 100644
--- a/src/components/MenuBar/MenuBarIconButton.tsx
+++ b/src/components/MenuBar/MenuBarIconButton.tsx
@@ -28,9 +28,11 @@ const MenuBarIconButton = ({
         placement={tooltipPlacement ?? "bottom-end"}
         title={title}
     >
-        <IconButton
-            size={"sm"}
-            {...rest}/>
+        <span>
+            <IconButton
+                size={"sm"}
+                {...rest}/>
+        </span>
     </Tooltip>
 );
 
diff --git a/src/components/StatusBar/index.tsx b/src/components/StatusBar/index.tsx
index e3e41087..af8cd6d2 100644
--- a/src/components/StatusBar/index.tsx
+++ b/src/components/StatusBar/index.tsx
@@ -42,18 +42,20 @@ const StatusBar = () => {
             </Typography>
 
             <Tooltip title={"Copy link to clipboard"}>
-                <Button
-                    color={"primary"}
-                    disabled={isDisabled(uiState, UI_ELEMENT.LOG_EVENT_NUM_DISPLAY)}
-                    size={"sm"}
-                    variant={"soft"}
-                    onClick={handleCopyLinkButtonClick}
-                >
-                    {"Log Event "}
-                    {logEventNum}
-                    {" / "}
-                    {numEvents}
-                </Button>
+                <span>
+                    <Button
+                        color={"primary"}
+                        disabled={isDisabled(uiState, UI_ELEMENT.LOG_EVENT_NUM_DISPLAY)}
+                        size={"sm"}
+                        variant={"soft"}
+                        onClick={handleCopyLinkButtonClick}
+                    >
+                        {"Log Event "}
+                        {logEventNum}
+                        {" / "}
+                        {numEvents}
+                    </Button>
+                </span>
             </Tooltip>
 
             <LogLevelSelect/>