Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SpeedDial: Nesting SpeedDial not working #6159

Open
xAl3xFx opened this issue Mar 15, 2024 · 3 comments
Open

SpeedDial: Nesting SpeedDial not working #6159

xAl3xFx opened this issue Mar 15, 2024 · 3 comments
Labels
Status: Discussion Issue or pull request needs to be discussed by Core Team

Comments

@xAl3xFx
Copy link

xAl3xFx commented Mar 15, 2024

Describe the bug

Nesting a SpeedDial component as a part of the model option's of another SpeedDial is not working properly.
In the Reproducer you can see that the nested SpeedDial is being opened when the outer SpeedDial gets clicked. Also it's not responsible and clicking on it is not closing it as well.

Reproducer

https://stackblitz.com/edit/5ikcer?file=src%2FApp.jsx

PrimeReact version

10.5.1

React version

18.x

Language

ALL

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

@xAl3xFx xAl3xFx added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Mar 15, 2024
@melloware
Copy link
Member

I am not sure what your design goal is with nested dial's so I will let PrimeTek answer...but a few thoughts.

  1. I don't think SpeedDial's were designed to be nested.
  2. Just from a pure UX perspective its an odd and unexpected user experience. Have you ever seen something like a Speed Dial nested on any other website out there?

@xAl3xFx
Copy link
Author

xAl3xFx commented Mar 15, 2024

Hi! I see your point I haven't seen any other site using such mechanism. Here are my reasons to want this thing:

  1. I need this feature for a closed business project where everyone using the project is well aware of it's functionalities.
  2. I am mainly using the SpeedDial as an 'operations' column in DataTable components. The thing is that there is a particular DataTable that has so many operations that it becomes unusable. Since some of this operations are logically related to each other my idea is to group them together. Imagine the operations column is the last column of the table and it is just a SpeedDial button. It expands to the left and there are like 10 buttons. What I want to do is group 5 out of this 10 buttons in one SpeedDial which will expand down. I agree that this is bad UX and everything, but this is how the whole system was designed so not much to do here.
  3. I will understand if you decide that this is something that is not expected to work by design and decide to close this issue.

Thank you for your time. Wish you all the best!

@melloware
Copy link
Member

No worries I totally get it. If you want to debug it it does seems strange both are responding to the same button click.

@melloware melloware added Status: Discussion Issue or pull request needs to be discussed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Mar 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Discussion Issue or pull request needs to be discussed by Core Team
Projects
None yet
Development

No branches or pull requests

2 participants