Browse Source

files in providers should be selectable with a keyboard too :scream_cat:

Artur Paikin 7 years ago
parent
commit
0c71a306cb
1 changed files with 5 additions and 1 deletions
  1. 5 1
      src/generic-provider-views/TableRow.js

+ 5 - 1
src/generic-provider-views/TableRow.js

@@ -3,8 +3,12 @@ const Column = require('./TableColumn')
 
 module.exports = (props) => {
   const classes = props.active ? 'BrowserTable-row is-active' : 'BrowserTable-row'
+  const handleKeyDown = (event) => {
+    if (event.keyCode === 13) props.handleClick()
+  }
+
   return html`
-    <tr onclick=${props.handleClick} class=${classes}>
+    <tr onclick=${props.handleClick} onkeydown=${handleKeyDown} class=${classes} role="option" tabindex="0">
       ${Column({
         getItemIcon: props.getItemIcon,
         value: props.title