feat: use e.altkey instaed of key

use event.altKey to check alt key pressed for support linux (and more compatibility) close raunofreiberg#2
iamchanii · Apr 28, 2021 · 188a2af · 188a2af
1 parent 7c6dcd4
commit 188a2af
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -24,16 +24,20 @@ export default function Inspect({
   const nodesAtPointerRef = React.useRef<HTMLElement[]>([]);
 
   React.useEffect(() => {
+    let altKeyPressed = false;
+
     function onKeyDown(e: KeyboardEvent) {
-      if (e.key === 'Alt') {
+      if (e.altKey) {
+        altKeyPressed = true;
         if (margin) inspectMargin(nodesAtPointerRef.current);
         if (size) inspectSize(nodesAtPointerRef.current);
         if (padding) inspectPadding(nodesAtPointerRef.current);
       }
     }
 
-    function onKeyUp(e: KeyboardEvent) {
-      if (e.key === 'Alt') {
+    function onKeyUp() {
+      if (altKeyPressed) {
+        altKeyPressed = false;
         uninspect();
       }
     }