Make owner stack reachable by keyboard
Dan committed
Apr 4, 2019 at 09:54 UTC
b1c675b8b135b45a2431dce814c2e98cd27f683d
1 file changed
+13
src/devtools/views/Components/SelectedElement.js
+13
@@ -206,12 +206,25 @@ function OwnerView({ displayName, id }: { displayName: string, id: number }) {
206
selectElementByID,
207
]);
208
209
+ const handleKeyPress = useCallback(
210
+ e => {
211
+ if (e.key === ' ' || e.key === 'Enter') {
212
+ e.preventDefault();
213
+ selectElementByID(id);
214
+ }
215
+ },
216
+ [id, selectElementByID]
217
+ );
218
+
219
return (
220
<div
221
key={id}
222
className={styles.Owner}
223
onClick={handleClick}
224
+ onKeyPress={handleKeyPress}
225
title={displayName}
226
+ tabIndex={0}
227
+ role="button"
228
>
229
{displayName}
230
</div>