Elements-1699: Make comments edit and cancel edit button usable with …

…keyboard only
nuxeo · Dec 19, 2023 · f468e3b · f468e3b
1 parent 25aee84
commit f468e3b
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/ui/nuxeo-document-comments/nuxeo-document-comment.js b/ui/nuxeo-document-comments/nuxeo-document-comment.js
@@ -239,13 +239,17 @@ import '../nuxeo-button-styles.js';
                               class="main-option opaque"
                               icon="check"
                               on-tap="_submitComment"
+                              on-keydown="_submitOnEnter"
+                              tabindex="0"
                             ></iron-icon>
                             <nuxeo-tooltip for="submit">[[i18n('comments.submit.tooltip')]]</nuxeo-tooltip>
                             <iron-icon
                               name="clear"
                               class="main-option opaque"
                               icon="clear"
                               on-tap="_clearInput"
+                              on-keydown="_clearOnEnter"
+                              tabindex="0"
                             ></iron-icon>
                           </template>
                         </dom-if>
@@ -398,6 +402,18 @@ import '../nuxeo-button-styles.js';
         });
     }
 
+    _submitOnEnter(event) {
+      if (event.key === 'Enter') {
+        this._submitComment();
+      }
+    }
+
+    _clearOnEnter(event) {
+      if (event.key === 'Enter') {
+        this._clearInput();
+      }
+    }
+
     _editComment() {
       this._setEditing(true);
       this.set('comment.text', this.$$('#view-comment').innerHTML);