Merge pull request #425 from dcos-labs/mp/fix/react-draggable-unfocus…

…es-inputs Fix for text inputs losing focus when table w/ resizable column unmounts
d2iq · Oct 28, 2019 · fdfe9b7 · fdfe9b7
2 parents 046ad8c + ff8bc01
commit fdfe9b7
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