Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-21 03:19:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: allows to navigate widget dropdown with tab and enter (#10356)

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2020-08-03 10:37:30 +02:00 committed by GitHub
parent 12913a46e4
commit eb61916e23
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/javascripts/discourse/app/widgets/widget-dropdown.js
View File

@ -114,7 +114,10 @@ export const WidgetDropdownItemClass = {
},
buildAttributes(attrs) {
return { "data-id": attrs.item.id };
return {
"data-id": attrs.item.id,
tabindex: attrs.item === "separator" ? -1 : 0
};
},
buildClasses(attrs) {
@ -124,6 +127,13 @@ export const WidgetDropdownItemClass = {
].join(" ");
},
keyDown(event) {
if (event.key === "Enter") {
event.preventDefault();
this.sendWidgetAction("_onChange", this.attrs.item);
}
},
click(event) {
event.preventDefault();