@samitouri / QOS-React-2 / commits / 5b480a85cb

Prevent default on all key navigations

Dan Abramov committed Apr 10, 2019 at 17:46 UTC 5b480a85cb17b7455c6896e4d9b2f28abd080fc8
1 file changed +4 -3
src/devtools/views/Components/Tree.js
+4 -3
@@ -84,10 +84,11 @@ export default function Tree(props: Props) {
84 // eslint-disable-next-line default-case
85 switch (event.key) {
86 case 'ArrowDown':
87 - selectNextElementInTree();
87 event.preventDefault();
88 + selectNextElementInTree();
89 break;
90 case 'ArrowLeft':
91 + event.preventDefault();
92 element =
93 selectedElementID !== null
94 ? store.getElementByID(selectedElementID)
@@ -103,6 +104,7 @@ export default function Tree(props: Props) {
104 }
105 break;
106 case 'ArrowRight':
107 + event.preventDefault();
108 element =
109 selectedElementID !== null
110 ? store.getElementByID(selectedElementID)
@@ -116,11 +118,10 @@ export default function Tree(props: Props) {
118 } else {
119 selectNextElementInTree();
120 }
119 - event.preventDefault();
121 break;
122 case 'ArrowUp':
122 - selectPreviousElementInTree();
123 event.preventDefault();
124 + selectPreviousElementInTree();
125 break;
126 }
127 };