From b1c675b8b135b45a2431dce814c2e98cd27f683d Mon Sep 17 00:00:00 2001
From: Dan <dan.abramov@gmail.com>
Date: Thu, 4 Apr 2019 09:54:18 +0100
Subject: [PATCH] Make owner stack reachable by keyboard

---
 src/devtools/views/Components/SelectedElement.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/devtools/views/Components/SelectedElement.js b/src/devtools/views/Components/SelectedElement.js
index 76b338feec..440ea85480 100644
--- a/src/devtools/views/Components/SelectedElement.js
+++ b/src/devtools/views/Components/SelectedElement.js
@@ -206,12 +206,25 @@ function OwnerView({ displayName, id }: { displayName: string, id: number }) {
     selectElementByID,
   ]);
 
+  const handleKeyPress = useCallback(
+    e => {
+      if (e.key === ' ' || e.key === 'Enter') {
+        e.preventDefault();
+        selectElementByID(id);
+      }
+    },
+    [id, selectElementByID]
+  );
+
   return (
     <div
       key={id}
       className={styles.Owner}
       onClick={handleClick}
+      onKeyPress={handleKeyPress}
       title={displayName}
+      tabIndex={0}
+      role="button"
     >
       {displayName}
     </div>