render wrapper element for inline

editors/demo/src/Editors.js

@@ -54,7 +54,7 @@ const Editors = () => {
       case 'ncbi':
         break;
       default:
-        return <Editoria />;
+        return <HHMI />;
     }
   };
 

editors/demo/src/HHMI/FillTheGapToolGroupService/FillTheGap.js

+import { injectable, inject } from 'inversify';
+import { ToolGroup } from 'wax-prosemirror-services';
+
+@injectable()
+class FillTheGap extends ToolGroup {
+  tools = [];
+  constructor(@inject('FillTheGapQuestion') FillTheGapQuestion) {
+    super();
+    this.tools = [FillTheGapQuestion];
+  }
+}
+
+export default FillTheGap;

editors/demo/src/HHMI/FillTheGapToolGroupService/FillTheGapToolGroupService.js

+import { Service } from 'wax-prosemirror-services';
+import FillTheGap from './FillTheGap';
+
+class FillTheGapToolGroupService extends Service {
+  register() {
+    this.container.bind('FillTheGap').to(FillTheGap);
+  }
+}
+
+export default FillTheGapToolGroupService;

editors/demo/src/HHMI/QuestionsToolGroupService/QuestionsToolGroupService.js

@@ -2,8 +2,6 @@ import { Service } from 'wax-prosemirror-services';
 import Questions from './Questions';
 
 class QuestionsToolGroupService extends Service {
-  boot() {}
-
   register() {
     this.container.bind('Questions').to(Questions);
   }

wax-prosemirror-services/src/PortalService/AbstractNodeView.js

@@ -11,7 +11,9 @@ export default class AbstractNodeView {
     Component,
     context,
   ) {
-    this.dom = document.createElement('div');
+    this.dom = node.type.spec.inline
+      ? document.createElement('span')
+      : document.createElement('div');
     this.dom.id = uuidv4();
     this.dom.classList.add('portal');
     this.node = node;
@@ -23,6 +25,7 @@ export default class AbstractNodeView {
   }
 
   update(node) {
+    if (node.type !== this.node.type) return false;
     if (!node.sameMarkup(this.node)) return false;
     this.node = node;
     if (this.context.view[node.attrs.id]) {
@@ -59,4 +62,8 @@ export default class AbstractNodeView {
   ignoreMutation() {
     return true;
   }
+
+  selectNode() {}
+
+  deselectNode() {}
 }