diff --git a/package-lock.json b/package-lock.json
index 5b8a38870..fd58ab858 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7822,31 +7822,32 @@
       "dev": true
     },
     "node_modules/diagram-js": {
-      "version": "14.7.1",
-      "resolved": "https://registry.npmjs.org/diagram-js/-/diagram-js-14.7.1.tgz",
-      "integrity": "sha512-XSWuB35iRuKPUVdYdArJb7OimI1oGj61M/7AtyfyS9uwlW//Z7edm4/yNbEUA4MEGhHJZbzg3wLexB1g2N/RmA==",
+      "version": "15.2.0",
+      "resolved": "https://registry.npmjs.org/diagram-js/-/diagram-js-15.2.0.tgz",
+      "integrity": "sha512-ae9gGCJQiusCcPxBBM6jxMpPlIZ7LrP+ibaX/iOTlopzIkEuxxYHGKFDeEKwNVo65BJlIy33AS/H4vX4aHfnHQ==",
+      "license": "MIT",
       "dependencies": {
         "@bpmn-io/diagram-js-ui": "^0.2.3",
         "clsx": "^2.1.0",
         "didi": "^10.2.2",
         "inherits-browser": "^0.1.0",
         "min-dash": "^4.1.0",
-        "min-dom": "^4.1.0",
+        "min-dom": "^4.2.1",
         "object-refs": "^0.4.0",
         "path-intersection": "^3.0.0",
-        "tiny-svg": "^3.0.1"
+        "tiny-svg": "^3.1.2"
       },
       "engines": {
         "node": "*"
       }
     },
     "node_modules/diagram-js-direct-editing": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/diagram-js-direct-editing/-/diagram-js-direct-editing-3.0.1.tgz",
-      "integrity": "sha512-V44JO55nwFbsRv6tTmrfdz6fIsE3A4YIIqInaeJZyD2EongZzEo4acH9TqsE4hi9R/kAqsyttMKxTAgHplFn8w==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/diagram-js-direct-editing/-/diagram-js-direct-editing-3.2.0.tgz",
+      "integrity": "sha512-+pyxeQGBSdLiZX0/tmmsm2qZSvm9YtVzod5W3RMHSTR7VrkUMD6E7EX/W9JQv3ebxO7oIdqFmytmNDDpSHnYEw==",
       "dependencies": {
         "min-dash": "^4.0.0",
-        "min-dom": "^4.0.2"
+        "min-dom": "^4.2.1"
       },
       "engines": {
         "node": "*"
@@ -17844,24 +17845,32 @@
       }
     },
     "node_modules/table-js": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/table-js/-/table-js-9.1.0.tgz",
-      "integrity": "sha512-yxzIBXZe5pFHXBng8+Rz3dDGiO4anWptlWQXP4Pm1oIetgdG4nq+DkZkRG4Lq5L1HFu1OVif4h3YMI7rxudvPw==",
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/table-js/-/table-js-9.2.0.tgz",
+      "integrity": "sha512-TcphjV4hN3NKDJkAqsTRn7N0dLaO7ST3LwEZnwYMjDkyBNG6kzTHBbN9b6nlvuxxiVxWHFuc/REU1FR2mh0oLA==",
       "dependencies": {
         "didi": "^10.0.0",
         "ids": "^1.0.0",
         "min-dash": "^4.0.0",
         "min-dom": "^4.0.3",
-        "selection-ranges": "^3.0.3"
+        "selection-ranges": "^4.0.0"
       },
       "engines": {
         "node": "*"
       },
       "peerDependencies": {
-        "diagram-js": "^11.3.0 || ^12 || ^13.0.0 || ^14.0.0",
+        "diagram-js": "^11.3.0 || ^12 || ^13 || ^14 || ^15",
         "inferno": "^5.0.5"
       }
     },
+    "node_modules/table-js/node_modules/selection-ranges": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/selection-ranges/-/selection-ranges-4.0.2.tgz",
+      "integrity": "sha512-zFluGfTdoPuTavMva/XgjAH5diC5EfEsRTsgxtQaoOsDFtIvOU+0J++WHYel25VnqR5ViohHR8e1oy3jqDOvng==",
+      "dependencies": {
+        "dom-iterator": "^1.0.0"
+      }
+    },
     "node_modules/table/node_modules/ajv": {
       "version": "8.12.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
@@ -19428,7 +19437,7 @@
         "cpy": "^11.0.1",
         "del": "^8.0.0",
         "del-cli": "^6.0.0",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-font": "^0.6.2",
         "execa": "^9.0.0",
         "min-dom": "^4.2.1",
@@ -19441,12 +19450,12 @@
       "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
         "@bpmn-io/dmn-variable-resolver": "^0.7.0",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-js-shared": "^16.8.0",
         "inferno": "~5.6.3",
         "min-dash": "^4.0.0",
         "min-dom": "^4.2.1",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       },
       "devDependencies": {
         "axe-core": "^4.9.0",
@@ -19461,14 +19470,14 @@
       "dependencies": {
         "@bpmn-io/dmn-variable-resolver": "^0.7.0",
         "css.escape": "^1.5.1",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-js-shared": "^16.8.0",
         "escape-html": "^1.0.3",
         "inferno": "~5.6.3",
         "min-dash": "^4.0.0",
         "min-dom": "^4.2.1",
         "selection-ranges": "^3.0.2",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       },
       "devDependencies": {
         "dmn-font": "^0.6.2",
@@ -19479,8 +19488,8 @@
       "version": "16.8.0",
       "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
-        "diagram-js": "^14.7.1",
-        "diagram-js-direct-editing": "^3.0.1",
+        "diagram-js": "^15.2.0",
+        "diagram-js-direct-editing": "^3.2.0",
         "dmn-js-shared": "^16.8.0",
         "inherits-browser": "^0.1.0",
         "min-dash": "^4.0.0",
@@ -19498,13 +19507,13 @@
       "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
         "@bpmn-io/dmn-variable-resolver": "^0.7.0",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-js-shared": "^16.8.0",
         "escape-html": "^1.0.3",
         "inferno": "~5.6.3",
         "min-dash": "^4.0.0",
         "min-dom": "^4.2.1",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       },
       "devDependencies": {
         "@testing-library/dom": "^10.4.0",
@@ -19517,7 +19526,7 @@
       "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
         "@bpmn-io/feel-editor": "^1.9.1",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "didi": "^10.2.2",
         "dmn-moddle": "^10.0.0",
         "ids": "^1.0.5",
@@ -19526,7 +19535,7 @@
         "min-dom": "^4.2.1",
         "selection-ranges": "^3.0.2",
         "selection-update": "^0.1.2",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       },
       "devDependencies": {
         "@testing-library/dom": "^10.4.0",
@@ -25131,28 +25140,28 @@
       "dev": true
     },
     "diagram-js": {
-      "version": "14.7.1",
-      "resolved": "https://registry.npmjs.org/diagram-js/-/diagram-js-14.7.1.tgz",
-      "integrity": "sha512-XSWuB35iRuKPUVdYdArJb7OimI1oGj61M/7AtyfyS9uwlW//Z7edm4/yNbEUA4MEGhHJZbzg3wLexB1g2N/RmA==",
+      "version": "15.2.0",
+      "resolved": "https://registry.npmjs.org/diagram-js/-/diagram-js-15.2.0.tgz",
+      "integrity": "sha512-ae9gGCJQiusCcPxBBM6jxMpPlIZ7LrP+ibaX/iOTlopzIkEuxxYHGKFDeEKwNVo65BJlIy33AS/H4vX4aHfnHQ==",
       "requires": {
         "@bpmn-io/diagram-js-ui": "^0.2.3",
         "clsx": "^2.1.0",
         "didi": "^10.2.2",
         "inherits-browser": "^0.1.0",
         "min-dash": "^4.1.0",
-        "min-dom": "^4.1.0",
+        "min-dom": "^4.2.1",
         "object-refs": "^0.4.0",
         "path-intersection": "^3.0.0",
-        "tiny-svg": "^3.0.1"
+        "tiny-svg": "^3.1.2"
       }
     },
     "diagram-js-direct-editing": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/diagram-js-direct-editing/-/diagram-js-direct-editing-3.0.1.tgz",
-      "integrity": "sha512-V44JO55nwFbsRv6tTmrfdz6fIsE3A4YIIqInaeJZyD2EongZzEo4acH9TqsE4hi9R/kAqsyttMKxTAgHplFn8w==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/diagram-js-direct-editing/-/diagram-js-direct-editing-3.2.0.tgz",
+      "integrity": "sha512-+pyxeQGBSdLiZX0/tmmsm2qZSvm9YtVzod5W3RMHSTR7VrkUMD6E7EX/W9JQv3ebxO7oIdqFmytmNDDpSHnYEw==",
       "requires": {
         "min-dash": "^4.0.0",
-        "min-dom": "^4.0.2"
+        "min-dom": "^4.2.1"
       }
     },
     "didi": {
@@ -25200,7 +25209,7 @@
         "cpy": "^11.0.1",
         "del": "^8.0.0",
         "del-cli": "^6.0.0",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-font": "^0.6.2",
         "dmn-js-boxed-expression": "^16.8.1",
         "dmn-js-decision-table": "^16.8.0",
@@ -25219,14 +25228,14 @@
         "@bpmn-io/dmn-variable-resolver": "^0.7.0",
         "axe-core": "^4.9.0",
         "cross-env": "^7.0.3",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-font": "^0.6.2",
         "dmn-js-shared": "^16.8.0",
         "inferno": "~5.6.3",
         "inferno-test-utils": "~5.6.2",
         "min-dash": "^4.0.0",
         "min-dom": "^4.2.1",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       }
     },
     "dmn-js-decision-table": {
@@ -25234,7 +25243,7 @@
       "requires": {
         "@bpmn-io/dmn-variable-resolver": "^0.7.0",
         "css.escape": "^1.5.1",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-font": "^0.6.2",
         "dmn-js-shared": "^16.8.0",
         "escape-html": "^1.0.3",
@@ -25243,15 +25252,15 @@
         "min-dash": "^4.0.0",
         "min-dom": "^4.2.1",
         "selection-ranges": "^3.0.2",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       }
     },
     "dmn-js-drd": {
       "version": "file:packages/dmn-js-drd",
       "requires": {
         "@testing-library/dom": "^10.4.0",
-        "diagram-js": "^14.7.1",
-        "diagram-js-direct-editing": "^3.0.1",
+        "diagram-js": "^15.2.0",
+        "diagram-js-direct-editing": "^3.2.0",
         "dmn-font": "^0.6.2",
         "dmn-js-shared": "^16.8.0",
         "inherits-browser": "^0.1.0",
@@ -25266,7 +25275,7 @@
       "requires": {
         "@bpmn-io/dmn-variable-resolver": "^0.7.0",
         "@testing-library/dom": "^10.4.0",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "dmn-font": "^0.6.2",
         "dmn-js-shared": "^16.8.0",
         "escape-html": "^1.0.3",
@@ -25274,7 +25283,7 @@
         "inferno-test-utils": "~5.6.2",
         "min-dash": "^4.0.0",
         "min-dom": "^4.2.1",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       }
     },
     "dmn-js-shared": {
@@ -25282,7 +25291,7 @@
       "requires": {
         "@bpmn-io/feel-editor": "^1.9.1",
         "@testing-library/dom": "^10.4.0",
-        "diagram-js": "^14.7.1",
+        "diagram-js": "^15.2.0",
         "didi": "^10.2.2",
         "dmn-moddle": "^10.0.0",
         "ids": "^1.0.5",
@@ -25292,7 +25301,7 @@
         "min-dom": "^4.2.1",
         "selection-ranges": "^3.0.2",
         "selection-update": "^0.1.2",
-        "table-js": "^9.1.0"
+        "table-js": "^9.2.0"
       }
     },
     "dmn-moddle": {
@@ -32622,15 +32631,25 @@
       }
     },
     "table-js": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/table-js/-/table-js-9.1.0.tgz",
-      "integrity": "sha512-yxzIBXZe5pFHXBng8+Rz3dDGiO4anWptlWQXP4Pm1oIetgdG4nq+DkZkRG4Lq5L1HFu1OVif4h3YMI7rxudvPw==",
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/table-js/-/table-js-9.2.0.tgz",
+      "integrity": "sha512-TcphjV4hN3NKDJkAqsTRn7N0dLaO7ST3LwEZnwYMjDkyBNG6kzTHBbN9b6nlvuxxiVxWHFuc/REU1FR2mh0oLA==",
       "requires": {
         "didi": "^10.0.0",
         "ids": "^1.0.0",
         "min-dash": "^4.0.0",
         "min-dom": "^4.0.3",
-        "selection-ranges": "^3.0.3"
+        "selection-ranges": "^4.0.0"
+      },
+      "dependencies": {
+        "selection-ranges": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/selection-ranges/-/selection-ranges-4.0.2.tgz",
+          "integrity": "sha512-zFluGfTdoPuTavMva/XgjAH5diC5EfEsRTsgxtQaoOsDFtIvOU+0J++WHYel25VnqR5ViohHR8e1oy3jqDOvng==",
+          "requires": {
+            "dom-iterator": "^1.0.0"
+          }
+        }
       }
     },
     "tapable": {
diff --git a/packages/dmn-js-boxed-expression/package.json b/packages/dmn-js-boxed-expression/package.json
index 3095451d9..d930713a4 100644
--- a/packages/dmn-js-boxed-expression/package.json
+++ b/packages/dmn-js-boxed-expression/package.json
@@ -35,11 +35,11 @@
   },
   "dependencies": {
     "@bpmn-io/dmn-variable-resolver": "^0.7.0",
-    "diagram-js": "^14.7.1",
+    "diagram-js": "^15.2.0",
     "dmn-js-shared": "^16.8.0",
     "inferno": "~5.6.3",
     "min-dash": "^4.0.0",
     "min-dom": "^4.2.1",
-    "table-js": "^9.1.0"
+    "table-js": "^9.2.0"
   }
 }
diff --git a/packages/dmn-js-decision-table/package.json b/packages/dmn-js-decision-table/package.json
index 69f1549d0..1e542918d 100644
--- a/packages/dmn-js-decision-table/package.json
+++ b/packages/dmn-js-decision-table/package.json
@@ -32,13 +32,13 @@
   "dependencies": {
     "@bpmn-io/dmn-variable-resolver": "^0.7.0",
     "css.escape": "^1.5.1",
-    "diagram-js": "^14.7.1",
+    "diagram-js": "^15.2.0",
     "dmn-js-shared": "^16.8.0",
     "escape-html": "^1.0.3",
     "inferno": "~5.6.3",
     "min-dash": "^4.0.0",
     "min-dom": "^4.2.1",
     "selection-ranges": "^3.0.2",
-    "table-js": "^9.1.0"
+    "table-js": "^9.2.0"
   }
 }
diff --git a/packages/dmn-js-decision-table/test/spec/EditorSpec.js b/packages/dmn-js-decision-table/test/spec/EditorSpec.js
index 1785a1d43..f368c0600 100644
--- a/packages/dmn-js-decision-table/test/spec/EditorSpec.js
+++ b/packages/dmn-js-decision-table/test/spec/EditorSpec.js
@@ -25,12 +25,7 @@ describe('DecisionTable', function() {
 
   function createDecisionTableEditor(xml) {
     dmnJS = new DmnDecisionTableEditor({
-      container: testContainer,
-      decisionTable: {
-        keyboard: {
-          bindTo: document
-        }
-      }
+      container: testContainer
     });
 
     return dmnJS.importXML(xml);
diff --git a/packages/dmn-js-drd/package.json b/packages/dmn-js-drd/package.json
index 474423fcf..f05d70c95 100644
--- a/packages/dmn-js-drd/package.json
+++ b/packages/dmn-js-drd/package.json
@@ -26,8 +26,8 @@
     "drd"
   ],
   "dependencies": {
-    "diagram-js": "^14.7.1",
-    "diagram-js-direct-editing": "^3.0.1",
+    "diagram-js": "^15.2.0",
+    "diagram-js-direct-editing": "^3.2.0",
     "dmn-js-shared": "^16.8.0",
     "inherits-browser": "^0.1.0",
     "min-dash": "^4.0.0",
diff --git a/packages/dmn-js-drd/test/spec/ModelerSpec.js b/packages/dmn-js-drd/test/spec/ModelerSpec.js
index 9d49e5e89..a678196cb 100644
--- a/packages/dmn-js-drd/test/spec/ModelerSpec.js
+++ b/packages/dmn-js-drd/test/spec/ModelerSpec.js
@@ -18,12 +18,7 @@ describe('Modeler', function() {
 
   function createModeler(xml) {
     modeler = new DrdModeler({
-      container: container,
-      drd: {
-        keyboard: {
-          bindTo: document
-        }
-      }
+      container: container
     });
 
     return modeler.importXML(xml);
@@ -188,12 +183,7 @@ describe('Modeler', function() {
       container = TestContainer.get(this);
 
       const drdModeler = new DrdModeler({
-        container: container,
-        drd: {
-          keyboard: {
-            bindTo: document
-          }
-        }
+        container: container
       });
 
       // when
diff --git a/packages/dmn-js-literal-expression/package.json b/packages/dmn-js-literal-expression/package.json
index 1aa9a6f85..ae433c795 100644
--- a/packages/dmn-js-literal-expression/package.json
+++ b/packages/dmn-js-literal-expression/package.json
@@ -32,12 +32,12 @@
   },
   "dependencies": {
     "@bpmn-io/dmn-variable-resolver": "^0.7.0",
-    "diagram-js": "^14.7.1",
+    "diagram-js": "^15.2.0",
     "dmn-js-shared": "^16.8.0",
     "escape-html": "^1.0.3",
     "inferno": "~5.6.3",
     "min-dash": "^4.0.0",
     "min-dom": "^4.2.1",
-    "table-js": "^9.1.0"
+    "table-js": "^9.2.0"
   }
 }
diff --git a/packages/dmn-js-shared/package.json b/packages/dmn-js-shared/package.json
index 7b4a901ea..94f3f4b8c 100644
--- a/packages/dmn-js-shared/package.json
+++ b/packages/dmn-js-shared/package.json
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@bpmn-io/feel-editor": "^1.9.1",
-    "diagram-js": "^14.7.1",
+    "diagram-js": "^15.2.0",
     "didi": "^10.2.2",
     "dmn-moddle": "^10.0.0",
     "ids": "^1.0.5",
@@ -34,6 +34,6 @@
     "min-dom": "^4.2.1",
     "selection-ranges": "^3.0.2",
     "selection-update": "^0.1.2",
-    "table-js": "^9.1.0"
+    "table-js": "^9.2.0"
   }
 }
diff --git a/packages/dmn-js/CHANGELOG.md b/packages/dmn-js/CHANGELOG.md
index 74a4f9cde..3691041c8 100644
--- a/packages/dmn-js/CHANGELOG.md
+++ b/packages/dmn-js/CHANGELOG.md
@@ -6,6 +6,14 @@ All notable changes to [dmn-js](https://github.com/bpmn-io/dmn-js) are documente
 
 ___Note:__ Yet to be released changes appear here._
 
+* `DEPS`: update to `diagram-js@15.2.0`
+* `DEPS`: update to `diagram-js-direct-editing@3.2.0`
+* `DEPS`: update to `table-js@9.2.0`
+
+### Breaking Changes
+
+* Keyboard (DRD) is now implicit, and canvas is focusable, cf. [bpmn-io/diagram-js#662](https://github.com/bpmn-io/diagram-js/pull/662))
+
 ## 16.8.1
 
 * `FIX`: make literal expression editor hitbox bigger in BKM ([camunda/camunda-modeler#4545](https://github.com/camunda/camunda-modeler/issues/4545))
diff --git a/packages/dmn-js/package.json b/packages/dmn-js/package.json
index cb430d2a6..89d4d0800 100644
--- a/packages/dmn-js/package.json
+++ b/packages/dmn-js/package.json
@@ -52,7 +52,7 @@
     "cpy": "^11.0.1",
     "del": "^8.0.0",
     "del-cli": "^6.0.0",
-    "diagram-js": "^14.7.1",
+    "diagram-js": "^15.2.0",
     "dmn-font": "^0.6.2",
     "execa": "^9.0.0",
     "min-dom": "^4.2.1",
diff --git a/packages/dmn-js/test/spec/ModelerSpec.js b/packages/dmn-js/test/spec/ModelerSpec.js
index e6e68be01..6e4175ec4 100644
--- a/packages/dmn-js/test/spec/ModelerSpec.js
+++ b/packages/dmn-js/test/spec/ModelerSpec.js
@@ -52,11 +52,6 @@ describe('Modeler', function() {
 
     editor = new Modeler({
       container: container,
-      common: {
-        keyboard: {
-          bindTo: document
-        }
-      }
     });
   });
 
@@ -209,9 +204,6 @@ describe('Modeler', function() {
       editor = new Modeler({
         container: container,
         common: {
-          keyboard: {
-            bindTo: document
-          },
           dataTypes: [
             'double',
             'long'
diff --git a/packages/dmn-js/test/spec/TabbingSpec.js b/packages/dmn-js/test/spec/TabbingSpec.js
index 4127de115..bd5ed1ce3 100644
--- a/packages/dmn-js/test/spec/TabbingSpec.js
+++ b/packages/dmn-js/test/spec/TabbingSpec.js
@@ -132,11 +132,6 @@ describe('tabs', function() {
       container: $container,
       height: 500,
       width: '100%',
-      common: {
-        keyboard: {
-          bindTo: document
-        }
-      },
       ...(testTranslate && translateModules)
     });