add overlay

wax-prosemirror-services/src/ImageService/plugins/captionPlugin.js

@@ -119,7 +119,10 @@ const captionPlugin = key =>
             if (figCap[6] && figCap[6].type.name === 'figcaption') {
               const figCapEl = document.getElementById(figCap[6].attrs.id);
 
-              if (figCapEl.parentElement.firstChild.tagName === 'FIGCAPTION') {
+              if (
+                figCapEl &&
+                figCapEl.parentElement.firstChild.tagName === 'FIGCAPTION'
+              ) {
                 figCapEl.parentElement.remove();
               }
             }

wax-prosemirror-services/src/MultipleChoiceQuestionService/components/EditorComponent.js

@@ -6,7 +6,7 @@ import { StepMap } from 'prosemirror-transform';
 import { keymap } from 'prosemirror-keymap';
 import { baseKeymap } from 'prosemirror-commands';
 import { undo, redo } from 'prosemirror-history';
-import { WaxContext } from 'wax-prosemirror-core';
+import { WaxContext, ComponentPlugin } from 'wax-prosemirror-core';
 import Placeholder from '../plugins/placeholder';
 import FakeCursorPlugin from '../../MultipleDropDownService/plugins/FakeCursorPlugin';
 
@@ -50,6 +50,7 @@ const EditorWrapper = styled.div`
     }
   }
 `;
+let WaxOverlays = () => true;
 
 const EditorComponent = ({ node, view, getPos }) => {
   const editorRef = useRef();
@@ -96,6 +97,7 @@ const EditorComponent = ({ node, view, getPos }) => {
   ]);
 
   useEffect(() => {
+    WaxOverlays = ComponentPlugin('waxOverlays');
     questionView = new EditorView(
       {
         mount: editorRef.current,
@@ -176,6 +178,7 @@ const EditorComponent = ({ node, view, getPos }) => {
   return (
     <EditorWrapper>
       <div ref={editorRef} />
+      <WaxOverlays activeViewId={questionId} />
     </EditorWrapper>
   );
 };