[material-ui][SpeedDial] cannot navigate with arrow keys with `slotProps.fab` defined

[mark1yan0]

Steps to reproduce

Steps:

1. Open this link to live example: demo
2. focus over the speed dial component with tab
3. try to use the arrow keys to navigate

Current behavior

The current behavior i that if use use the slotProps.fab properties, the keyboard arrow navigation to the actions breaks

Expected behavior

The expected behavior i that if use the slotProps.fab properties, the keyboard arrow navigation should be working like in the demo example on the documentation page and like it work now with the deprecated FabProps prop

Context

No response

Your environment

Envirionment Details

  Brave Browser

  System:
    OS: Linux 6.6 Ubuntu 24.04.2 LTS 24.04.2 LTS (Noble Numbat)
  Binaries:
    Node: 22.17.0 - ~/.nvm/versions/node/v22.17.0/bin/node
    npm: 10.9.2 - ~/.nvm/versions/node/v22.17.0/bin/npm

Search keywords: SpeedDial, arrow keys, slotProps

[sai6855]

Looking into it

[DiegoAndai]

@sai6855 problem is probably here: https://github.com/mui/material-ui/blob/master/packages/mui-material/src/SpeedDial/SpeedDial.js#L371

We need to rescue the children's slotProps.fab the same way we do with FabProps