fix fill the gap focus

editors/demo/src/HHMI/HHMI.js

@@ -170,7 +170,7 @@ const Hhmi = () => {
         value={content}
         readonly={readOnly}
         layout={HhmiLayout}
-        onChange={source => console.log(source)}
+        // onChange={source => console.log(source)}
       />
     </>
   );

wax-prosemirror-components/src/components/Button.js

@@ -20,7 +20,7 @@ const Button = ({ view = {}, item }) => {
 
   const handleMouseDown = e => {
     e.preventDefault();
-    run(activeView.state, activeView.dispatch, activeView);
+    run(activeView.state, activeView.dispatch, activeView, context);
   };
 
   const isActive = !!(

wax-prosemirror-services/src/FillTheGapQuestionService/CreateGapService/CreateGap.js

@@ -11,7 +11,7 @@ class CreateGap extends Tools {
   label = 'Create Gap';
 
   get run() {
-    return (state, dispatch) => {
+    return (state, dispatch, activeView, context) => {
       const { empty, $from, $to } = state.selection;
       let content = Fragment.empty;
       if (!empty && $from.sameParent($to) && $from.parent.inlineContent)
@@ -23,7 +23,11 @@ class CreateGap extends Tools {
         { id: uuidv4() },
         content,
       );
+
       dispatch(state.tr.replaceSelectionWith(createGap));
+      setTimeout(() => {
+        context.pmViews[createGap.attrs.id].focus();
+      }, 100);
     };
   }