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

[Tree view] Possibility of using right arrow to reach a secondary action / context menu on tree items #18523

Open
alina-jacob opened this issue Feb 5, 2025 · 5 comments
Labels
component: treeview needs: code contribution Due to roadmap and resource availability, we are looking for outside contributions on this issue. needs: design contribution Due to roadmap and resource availability, we are looking for outside contributions on this issue. role: design ✏️ role: dev 🤖 type: enhancement 💡

Comments

@alina-jacob
Copy link
Member

alina-jacob commented Feb 5, 2025

Acceptance criteria

The webMethod's API studio team is interested in having a context/overflow menu in a tree view item, to allow the addition of new folders, deletions, renaming, etc.

To add an overflow menu or right click context menu as a child of the tree view node, we have been exploring using right arrow to provide access to an overflow menu inside a node.

For end nodes, this would seem to be conflict-free, since right arrowing on an end node has no current action.
For a parent node, right arrow has an action. However, right arrow on an open parent node has an action which I would call a redundant action. All it does is move to the first child node of the parent, which can also be accomplished with a down arrow.

Current interaction
Right arrow:

  • When focus is on a closed node, opens the node; focus does not move.
  • When focus is on a open node, moves focus to the first child node.
  • When focus is on an end node, does nothing.

Image


Proposed interaction
Right arrow:

  • When focus is on a closed node, opens the node; focus does not move.
  • When focus is on a open node, moves focus to the secondary action, if one exists.
  • When focus is on an end node, moves focus to the secondary action, if one exists.

Image


Important links:

@Kritvi-bhatia17
Copy link
Contributor

The best way to experience the proposed interaction is through the Monday tool, where it has been implemented effectively, making it easy to explore and interact with.

Copy link
Contributor

github-actions bot commented Mar 3, 2025

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

@sstrubberg sstrubberg added needs: design contribution Due to roadmap and resource availability, we are looking for outside contributions on this issue. needs: code contribution Due to roadmap and resource availability, we are looking for outside contributions on this issue. role: dev 🤖 role: design ✏️ labels Mar 3, 2025
@sstrubberg sstrubberg moved this from Triage to Later 🧊 in Roadmap Mar 3, 2025
@sstrubberg sstrubberg moved this to 📋 Backlog in Community Workgroups Mar 3, 2025
@mbgower
Copy link

mbgower commented Mar 10, 2025

I opened a ticket with the APG on this. No conclusive response.
w3c/aria-practices#3217

@mbgower
Copy link

mbgower commented Mar 10, 2025

@Kritvi-bhatia17

The best way to experience the proposed interaction is through the Monday tool, where it has been implemented effectively, making it easy to explore and interact with.

Can you provide instructions or a more precise link to where it is demonstrated there? i did not see a tree when I poked around for a few minutes.

@Kritvi-bhatia17
Copy link
Contributor

Kritvi-bhatia17 commented Mar 11, 2025

Hi @mbgower! Apologies, please try this link. If it’s still not working (maybe due to permission issues), I’ve attached a screen recording for reference. Let me know if you need any further clarification!

Screen.Recording.2025-03-11.at.5.13.46.PM.mov

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: treeview needs: code contribution Due to roadmap and resource availability, we are looking for outside contributions on this issue. needs: design contribution Due to roadmap and resource availability, we are looking for outside contributions on this issue. role: design ✏️ role: dev 🤖 type: enhancement 💡
Projects
Status: 📋 Backlog
Status: Later 🧊
Development

No branches or pull requests

4 participants