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

[Feature Request]: Deep nesting of options for ButtonDropdown #176

Closed
2 tasks done
brianfoody opened this issue Aug 18, 2022 · 3 comments
Closed
2 tasks done

[Feature Request]: Deep nesting of options for ButtonDropdown #176

brianfoody opened this issue Aug 18, 2022 · 3 comments
Labels
enhancement New feature or request

Comments

@brianfoody
Copy link

Description

It appears the ButtonDropdown component only goes one level deep and then the nesting stops, would be great to go deeper.

https://cloudscape.design/components/button-dropdown/?tabId=playground&example=with-expandable-groups

Double nesting data attempt in playground

[
  { "id": "connect", "text": "Connect" },
  { "id": "password", "text": "Get password" },
  {
    "id": "states",
    "text": "Instance State",
    "items": [
      {
        "id": "states",
        "text": "Instance State",
        "items": [
          { "id": "start", "text": "Start" },
          { "id": "stop", "text": "Stop", "disabled": true },
          { "id": "hibernate", "text": "Hibernate", "disabled": true },
          { "id": "reboot", "text": "Reboot", "disabled": true },
          { "id": "terminate", "text": "Terminate" }
        ]
      },
      { "id": "stop", "text": "Stop", "disabled": true },
      { "id": "hibernate", "text": "Hibernate", "disabled": true },
      { "id": "reboot", "text": "Reboot", "disabled": true },
      { "id": "terminate", "text": "Terminate" }
    ]
  }
]

Code of Conduct

@brianfoody brianfoody added the enhancement New feature or request label Aug 18, 2022
@gethinwebster
Copy link
Member

Hi Brian, this is a deliberate design decision, as we found that multiple levels of nesting led to poor user experience, especially with regards to accessibility and responsiveness.

So that we can better understand this request, what would be your use-case for this, and why would other approaches not work?

@brianfoody
Copy link
Author

brianfoody commented Aug 18, 2022

Thanks for the reply @gethinwebster . Yeah I can understand that design choice. I'd love just one more level 😆 .

For context I'm developing an AWS dev tool and one of the options goes into all the accounts the user has SSO access for and for each of those accounts I just want two options - launch browser or terminal.

As there can be a long list of accounts I'd just like to put the options one level lower to make it ironically more accessible for the user to scan the account they want.

Attached an image which gives some context. There is ~20 accounts there but some of them had sensitive names I couldn't show

Screen Shot 2022-08-18 at 4 43 21 pm

@just-boris
Copy link
Member

Closing due to inactivity. The current behavior is the best we can offer and it is formally supported (relevant test).

However we are not planning any design improvements in this treatment because it does not scale well

@just-boris just-boris closed this as not planned Won't fix, can't repro, duplicate, stale Mar 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants