#41067·material-ui

[material-ui][SpeedDial] Bug with right/left direction in persistent action tooltips

Author: bjovanovic123Created Feb 12, 2024Updated Aug 31, 2026
Labelstype: bugscope: speed dialready to take

Steps to reproduce

Link to live example: https://codesandbox.io/p/sandbox/sad-voice-hnlnfk?file=%2Fsrc%2FDemo.js%3A41%2C24

Steps:

  1. Go to the example link
  2. Hover over SpeedDial to open Speed Dial Actions

Current behavior

Speed Dial Actions are over Tooltips, covering them, and don't look good:

Expected behavior

Tooltips should be visible and styled correctly when the direction is horizontal.

With SpeedDial direction="right" or direction="left", Tooltips should be placed on top or bottom of action buttons. I've tried passing tooltipPlacement="top" to SpeedDialAction, but it doesn't work

Context

No response

Your environment

Using Chrome browser.

  System:
    OS: macOS 13.5.1
    CPU: (8) x64 Apple M1 Pro
    Memory: 26.90 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 14.18.2 - ~/.nvm/versions/node/v14.18.2/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.12.1 - ~/.nvm/versions/node/v14.18.2/bin/npm
  Managers:
    Homebrew: 4.2.3 - /usr/local/bin/brew
    pip2: 19.2.3 - /Library/Frameworks/Python.framework/Versions/2.7/bin/pip2
    pip3: 21.2.4 - /Library/Frameworks/Python.framework/Versions/3.9/bin/pip3
    RubyGems: 3.0.3.1 - /usr/bin/gem
  Utilities:
    Make: 3.81 - /usr/bin/make
    GCC: 15.0.0 - /usr/bin/gcc
    Git: 2.37.3 - /usr/local/bin/git
    Clang: 15.0.0 - /usr/bin/clang
    Curl: 8.1.2 - /usr/bin/curl
  Servers:
    Apache: 2.4.56 - /usr/sbin/apachectl
  Virtualization:
    Docker: 24.0.6 - /usr/local/bin/docker
  SDKs:
    iOS SDK:
      Platforms: DriverKit 23.2, iOS 17.2, macOS 14.2, tvOS 17.2, visionOS 1.0, watchOS 10.2
  IDEs:
    IntelliJ: 2020.3.1
    VSCode: 1.85.1 - /usr/local/bin/code
    Vim: 9.0 - /usr/bin/vim
    Xcode: 15.2/15C500b - /usr/bin/xcodebuild
  Languages:
    Bash: 3.2.57 - /bin/bash
    Java: 15.0.2 - /usr/bin/javac
    Perl: 5.30.3 - /usr/bin/perl
    Python: 2.7.18 - /Library/Frameworks/Python.framework/Versions/2.7/bin/python
    Python3: 3.9.10 - /Library/Frameworks/Python.framework/Versions/3.9/bin/python3
    Ruby: 2.6.10 - /usr/bin/ruby
  Databases:
    SQLite: 3.39.5 - /usr/bin/sqlite3
  Browsers:
    Chrome: 121.0.6167.160
    Edge: 121.0.2277.112
    Safari: 16.6

Search keywords: This issue has not been reported