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]: Editable combobox/listbox #1159

Open
2 tasks
signor-pedro opened this issue Jul 26, 2024 · 3 comments
Open
2 tasks

[Feature]: Editable combobox/listbox #1159

signor-pedro opened this issue Jul 26, 2024 · 3 comments

Comments

@signor-pedro
Copy link

signor-pedro commented Jul 26, 2024

Describe the feature

Hi. In many of our designs, the designer is adding the option to inline-edit items of a combobox/listbox. Usually, that would trigger a Dialog with an edit form or a delete confirmation.

Example - items have inline options to "Edit" and "Delete"
Snímka obrazovky 2024-07-26 o 9 02 46

How would I structure my component so that this is usable in ARIA-compliant manner?

If this is already possible, please let me know how. 🙏

Thank you.

Additional information

  • I intend to submit a PR for this feature.
  • I have already implemented and/or tested this feature.
@signor-pedro
Copy link
Author

After doing some research, I found this W3 example that might be just what we are talking about?

Only instead of a mere label, there could be a button in each cell?

@zernonia
Copy link
Member

Hey @signor-pedro ! This is abit tricky as w3 doesn't explain for such a case. The link you reference has different ARIA implication (you are expecting to have a button instead of label).

Unfortunately this would require some time to figure out 🙏🏻

@signor-pedro
Copy link
Author

Thx. For now, I am going to just put the buttons inside the ListboxItem 🤷 But it would be nice to have an accessible solution.

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

No branches or pull requests

2 participants