add group

editors/demo/src/NCBI/layout/NcbiLayout.js

@@ -66,7 +66,7 @@ const EditorContainer = styled.div`
 `;
 
 const TopBar = ComponentPlugin('topBar');
-const WaxOverlays = ComponentPlugin('waxOverlays');
+
 const NcbiLayout = ({ editor }) => (
   <ThemeProvider theme={cokoTheme}>
     <Wrapper>
@@ -80,7 +80,6 @@ const NcbiLayout = ({ editor }) => (
           </WaxSurfaceScroll>
         </EditorArea>
       </Main>
-      <WaxOverlays />
     </Wrapper>
   </ThemeProvider>
 );

editors/demo/src/NCBI/layout/NcbiMiniLayout.js

@@ -68,7 +68,6 @@ const EditorContainer = styled.div`
 `;
 
 const TopBar = ComponentPlugin('topBar');
-const WaxOverlays = ComponentPlugin('waxOverlays');
 
 const NcbiLayout = ({ editor }) => (
   <ThemeProvider theme={cokoTheme}>
@@ -83,7 +82,6 @@ const NcbiLayout = ({ editor }) => (
           </WaxSurfaceScroll>
         </EditorArea>
       </Main>
-      <WaxOverlays />
     </Wrapper>
   </ThemeProvider>
 );

wax-prosemirror-core/src/WaxView.js

@@ -151,7 +151,7 @@ const WaxView = forwardRef((props, ref) => {
   const editor = (
     <>
       <div ref={setEditorRef} />
-      {context.activeViewId === 'main' && <WaxOverlays />}
+      {context.activeViewId === 'main' && <WaxOverlays group="main" />}
       <WaxPortals />
     </>
   );

wax-prosemirror-services/src/NoteService/Editor.js

@@ -197,7 +197,7 @@ export default ({ node, view }) => {
   return (
     <NoteContainer>
       {NoteEditorContainerComponent}
-      {context.activeViewId === noteId && <WaxOverlays />}
+      {context.activeViewId === noteId && <WaxOverlays group="notes" />}
     </NoteContainer>
   );
 };