From 0faf516bba9789e0705dddff15698cec25f2d955 Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Mon, 20 Jan 2025 17:11:25 +0530
Subject: [PATCH] [materal-ui][SpeedDialAction] Propogate className to
 SpeedDialActionStaticTooltip if tooltipOpenProp is true

---
 .../src/SpeedDialAction/SpeedDialAction.js           |  2 +-
 .../src/SpeedDialAction/SpeedDialAction.test.js      | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js
index 340633f5617e94..4fdf8a9d2b2bea 100644
--- a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js
+++ b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.js
@@ -195,7 +195,7 @@ const SpeedDialAction = React.forwardRef(function SpeedDialAction(inProps, ref)
       <SpeedDialActionStaticTooltip
         id={id}
         ref={ref}
-        className={classes.staticTooltip}
+        className={clsx(classes.staticTooltip, className)}
         ownerState={ownerState}
         {...other}
       >
diff --git a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js
index a0bf7d80df823f..5e5078edae1db5 100644
--- a/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js
+++ b/packages/mui-material/src/SpeedDialAction/SpeedDialAction.test.js
@@ -77,4 +77,16 @@ describe('<SpeedDialAction />', () => {
     expect(container.querySelector('button')).to.have.class(classes.fab);
     expect(container.querySelector('button')).to.have.class(classes.fabClosed);
   });
+
+  it('should propagate className to the SpeedDialActionStaticTooltip if tooltipOpen is true', () => {
+    const { container } = render(
+      <SpeedDialAction
+        tooltipOpen
+        icon={<Icon>add</Icon>}
+        tooltipTitle="placeholder"
+        className="foo"
+      />,
+    );
+    expect(container.querySelector('span')).to.have.class('foo');
+  });
 });