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

Allow resetting the focus on SelectPanel #5261

Open
alondahari opened this issue Nov 11, 2024 · 4 comments
Open

Allow resetting the focus on SelectPanel #5261

alondahari opened this issue Nov 11, 2024 · 4 comments
Labels

Comments

@alondahari
Copy link
Contributor

We are updating the labels picker in issues to not have a loading state, but instead just add more items from the server as they are loaded. This is causing the previously focused item to still be highlighted even if there are newer, more relevant options:

cap.mov

I understand from @broccolinisoup that the primer_react_select_panel_with_modern_action_list would solve it, but it's still a bit of a ways out before it's rolled out. She suggested I opened an issue to add an API to update / reset the focus on the list.

@broccolinisoup
Copy link
Member

Thanks @alondahari for the issue.

Just additional notes for the triage session.

primer_react_select_panel_with_modern_action_list would solve it,

The flag inherently solves this just because it focuses on the first item not the previous one. I have to mention that though I am not sure if this is intentional. I'll confirm this behaviour with the accessibility team and provide an update here.

She suggested I opened an issue to add an API to update / reset the focus on the list.

We need to first check this with accessibility to ensure this is an accessible pattern then we can triage this.

@siddharthkp
Copy link
Member

siddharthkp commented Nov 11, 2024

Added to the SelectPanel feature improvements epic: https://github.com/github/primer/issues/3399, can you help me with the prioritisation. Does the epic have other features that you would like to see ship before this one?

@alondahari
Copy link
Contributor Author

alondahari commented Nov 12, 2024

@siddharthkp thank you for looping us in!

  • For prioritising this feature, I would probably say it's top priority for us right now since it's blocking us from improving the label picker experience, and we received a lot of negative feedback on it from our users. Either this or rolling out primer_react_select_panel_with_modern_action_list
  • implementing the loading state would also be great, but not a blocker to the above.
  • We'd love the create new item support, but we have a (not very good) workaround for now.
  • We are also interested in https://github.com/github/primer/issues/4027 for our pickers in the new issue dialog, but we have a workaround of giving the modal a fixed height (not ideal but works for us for now).

This would be also order of priority for us atm.

@siddharthkp
Copy link
Member

siddharthkp commented Nov 12, 2024

Thanks for that! I've moved this issue to Priority 1, the exact position is still TBD because some of the others are already work in progress

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants