Wrap buttons with tooltips in span elements so that the tooltips can …

…still be expanded even when the buttons are disabled.
y-scope · Dec 26, 2024 · c2af7c6 · c2af7c6
1 parent a93024c
commit c2af7c6
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git 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
@@ -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/>