Fix for Copy&Paste events not working properly in non-English keyboar…

…d event (#2097) * Update DataGrid.tsx * Update DataGrid.tsx * Update DataGrid.tsx * Update DataGrid.tsx Co-authored-by: Nicolas Stepien <[email protected]>
adazzle · Oct 21, 2020 · 132ebb6 · 132ebb6
1 parent 0ce660f
commit 132ebb6
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/DataGrid.tsx b/src/DataGrid.tsx
@@ -383,7 +383,7 @@ function DataGrid<R, K extends keyof R, SR>({
    * event handlers
    */
   function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {
-    const { key } = event;
+    const { key, keyCode } = event;
     const row = rows[selectedPosition.rowIdx];
 
     if (
@@ -393,13 +393,15 @@ function DataGrid<R, K extends keyof R, SR>({
       && !isGroupRow(row)
       && selectedPosition.idx !== -1
     ) {
-      // key may be uppercase `C` or `V`
-      const lowerCaseKey = key.toLowerCase();
-      if (lowerCaseKey === 'c') {
+      // event.key may differ by keyboard input language, so we use event.keyCode instead
+      // event.nativeEvent.code cannot be used either as it would break copy/paste for the DVORAK layout
+      const cKey = 67;
+      const vKey = 86;
+      if (keyCode === cKey) {
         handleCopy();
         return;
       }
-      if (lowerCaseKey === 'v') {
+      if (keyCode === vKey) {
         handlePaste();
         return;
       }