From 652abb9fe30b7447f54a341222a6be3a2623253d Mon Sep 17 00:00:00 2001
From: Tina Quach <quacht@mit.edu>
Date: Fri, 8 Dec 2017 10:50:06 -0500
Subject: [PATCH] add keypress handlers for library item
---
src/components/library-item/library-item.jsx | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/src/components/library-item/library-item.jsx b/src/components/library-item/library-item.jsx
index 3ae49f155..04e5c0805 100644
--- a/src/components/library-item/library-item.jsx
+++ b/src/components/library-item/library-item.jsx
@@ -13,6 +13,7 @@ class LibraryItem extends React.PureComponent {
'handleBlur',
'handleClick',
'handleFocus',
+ 'handleKeyPress',
'handleMouseEnter',
'handleMouseLeave'
]);
@@ -27,6 +28,12 @@ class LibraryItem extends React.PureComponent {
this.props.onSelect(this.props.id);
e.preventDefault();
}
+ handleKeyPress (e) {
+ if (e.key === ' ' || e.key === 'Enter') {
+ e.preventDefault();
+ this.props.onSelect(this.props.id);
+ }
+ }
handleMouseEnter () {
this.props.onMouseEnter(this.props.id);
}
@@ -61,6 +68,7 @@ class LibraryItem extends React.PureComponent {
onBlur={this.handleBlur}
onClick={this.handleClick}
onFocus={this.handleFocus}
+ onKeyPress={this.handleKeyPress}
onMouseEnter={this.handleMouseEnter}
onMouseLeave={this.handleMouseLeave}
>
--
GitLab