fake cursor

wax-prosemirror-core/src/WaxView.js

@@ -86,9 +86,9 @@ const WaxView = forwardRef((props, ref) => {
             },
             handleDOMEvents: {
               blur: (editorView, event) => {
-                if (view && event.relatedTarget === null) {
-                  view.focus();
-                }
+                // if (view && event.relatedTarget === null) {
+                //   view.focus();
+                // }
               },
             },
           },

wax-prosemirror-services/src/TablesService/TablesService.js

 import { Service } from 'wax-prosemirror-core';
 import TablesServices from './index';
+import FakeCursorPlugin from './plugins/FakeCursorPlugin';
 import './table.css';
 
 class TablesService extends Service {
+  boot() {
+    this.app.PmPlugins.add(
+      'fakeCursorPlugin',
+      FakeCursorPlugin('fakeCursorPlugin'),
+    );
+  }
   dependencies = TablesServices;
 }
 

wax-prosemirror-services/src/TablesService/plugins/FakeCursorPlugin.js

+/* eslint-disable */
+
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+
+const fakeCursorPlugin = new PluginKey('fakeCursorPlugin');
+export default props => {
+  return new Plugin({
+    key: fakeCursorPlugin,
+    state: {
+      init: (_, state) => {},
+      apply(tr, prev, _, newState) {
+        let createDecoration;
+        const widget = document.createElement('fakecursor');
+
+        createDecoration = DecorationSet.create(newState.doc, [
+          Decoration.widget(newState.selection.from, widget, {
+            key: 'fakecursor',
+          }),
+        ]);
+        return {
+          createDecoration,
+        };
+      },
+    },
+    props: {
+      decorations: state => {
+        const fakeCursorPluginState = state && fakeCursorPlugin.getState(state);
+        if (fakeCursorPluginState)
+          return fakeCursorPluginState.createDecoration;
+      },
+      handleDOMEvents: {
+        focus: (view, _event) => {
+          const fakeCursor = document.getElementsByTagName('fakecursor');
+          if (fakeCursor && fakeCursor[0]) fakeCursor[0].style.display = 'none';
+        },
+        blur: (view, _event) => {
+          const fakeCursor = document.getElementsByTagName('fakecursor');
+          if (fakeCursor && fakeCursor[0])
+            fakeCursor[0].style.display = 'inline';
+        },
+      },
+    },
+  });
+};

wax-prosemirror-services/src/TablesService/table.css

@@ -52,4 +52,9 @@
     right: 0;
     top: 0;
     z-index: 2;
+  }
+
+  fakecursor {
+    border-right: 1px solid black;
+    display: none;
   }
\ No newline at end of file