fake cursor plugin fixes

wax-prosemirror-core/src/WaxView.js

@@ -88,8 +88,19 @@ const WaxView = forwardRef((props, ref) => {
               blur: (editorView, event) => {
                 if (view && event.relatedTarget === null) {
                   view.focus();
+                } else {
+                  const fakeCursor = document.getElementsByTagName(
+                    'fakecursor',
+                  );
+                  if (fakeCursor && fakeCursor[0])
+                    fakeCursor[0].style.display = 'inline';
                 }
               },
+              focus: (editorView, event) => {
+                const fakeCursor = document.getElementsByTagName('fakecursor');
+                if (fakeCursor && fakeCursor[0])
+                  fakeCursor[0].style.display = 'none';
+              },
             },
           },
         );

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

@@ -11,13 +11,14 @@ export default props => {
       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',
-          }),
-        ]);
+        if (newState.selection.from === newState.selection.to) {
+          const widget = document.createElement('fakecursor');
+          createDecoration = DecorationSet.create(newState.doc, [
+            Decoration.widget(newState.selection.from, widget, {
+              key: 'fakecursor',
+            }),
+          ]);
+        }
         return {
           createDecoration,
         };
@@ -30,15 +31,8 @@ export default props => {
           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';
-        },
+        focus: (view, _event) => {},
+        blur: (view, _event) => {},
       },
     },
   });