pass z-index

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

@@ -7,7 +7,7 @@ const OverlayContainer = styled.div`
   left: ${props => `${props.position.left}px`};
   position: ${props => props.position.position};
   top: ${props => `${props.position.top}px`};
-  z-index: 999;
+  z-index: ${props => props.position.zIndex};
 `;
 
 const Overlay = props => (

wax-prosemirror-services/src/OverlayService/usePosition.js

@@ -12,13 +12,11 @@ const defaultOverlay = {
 };
 
 export default options => {
-  const {
-    view: { main },
-    activeView,
-  } = useContext(WaxContext);
+  const { activeView } = useContext(WaxContext);
 
   const [position, setPosition] = useState({
     position: 'absolute',
+    zIndex: 999,
     ...defaultOverlay,
   });
 
@@ -107,6 +105,7 @@ export default options => {
   useLayoutEffect(() => {
     setPosition({
       position: 'absolute',
+      zIndex: 999,
       ...updatePosition(options.followCursor),
     });
   }, [JSON.stringify(updatePosition(options.followCursor))]);