fix(table): uses a workaround to address a react-draggable bug

When react-draggable's Draggable component unmounts, it causes text inputs to lose focus. These changes add a workaround for this problem: react-grid-layout/react-draggable#315
d2iq · Oct 28, 2019 · 12d3e8e · 12d3e8e
1 parent 52511d4
commit 12d3e8e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 16 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -52,7 +52,7 @@
     "react-chartist": "^0.13.3",
     "react-click-outside": "3.0.1",
     "react-delegate-component": "1.0.0",
-    "react-draggable": "3.2.1",
+    "react-draggable": "3.3.2",
     "react-emotion": "9.2.12",
     "react-focus-lock": "2.0.5",
     "react-tabs": "^3.0.0",

diff --git a/packages/table/components/Table.tsx b/packages/table/components/Table.tsx
@@ -469,6 +469,9 @@ export class Table<T> extends React.PureComponent<TableProps, TableState> {
                     this.getContainerWidth() * (1 - COL_RESIZE_MAX_WIDTH),
                   bottom: 0
                 }}
+                // Needed for an issue where text inputs lose focus when a Draggable unmounts
+                // Github issue: https://github.com/mzabriskie/react-draggable/issues/315
+                enableUserSelectHack={false}
               >
                 <div>
                   <div