chore: emit canvas.init event to initialize keyboard

Author: nikku

packages/form-js-editor/src/render/Renderer.js

@@ -26,6 +26,16 @@ export default class Renderer {
       compact = false
     } = renderConfig;
 
+    eventBus.on('form.init', function() {
+
+      // emit <canvas.init> so dependent components can hook in
+      // this is required to register keyboard bindings
+      eventBus.fire('canvas.init', {
+        svg: container,
+        viewport: null
+      });
+    });
+
     const App = () => {
       const [ state, setState ] = useState(formEditor._getState());
 

packages/form-js-editor/test/spec/FormEditor.spec.js

@@ -56,10 +56,7 @@ describe('FormEditor', function() {
     // when
     formEditor = await createFormEditor({
       container,
-      schema,
-      keyboard: {
-        bindTo: document
-      }
+      schema
     });
 
     formEditor.on('changed', event => {
@@ -80,9 +77,6 @@ describe('FormEditor', function() {
       debounce: true,
       renderer: {
         compact: true
-      },
-      keyboard: {
-        bindTo: document
       }
     });