[materal-ui][SpeedDialAction] Propogate className to SpeedDialActionS…

…taticTooltip if tooltipOpenProp is true
mui · Jan 20, 2025 · 0faf516 · 0faf516
1 parent bc483df
commit 0faf516
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git 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
@@ -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');
+  });
 });