@seafile/sdoc-editor 0.4.15 → 0.4.16

package/dist/basic-sdk/editor/editable-article.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo, Fragment } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
-import { Editor } from '@seafile/slate';
+import { Editor, Node, Range } from '@seafile/slate';
 import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from '../extension';
 import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from '../extension/core';
 import EventProxy from '../utils/event-handler';
@@ -139,11 +139,16 @@ const EditableArticle = _ref => {
       const {
         selection
       } = editor;
-      const [imageNodeEntry] = Editor.nodes(editor, {
-        match: n => n.type === IMAGE
-      });
-      if (imageNodeEntry) return;
-      const domNode = ReactEditor.toDOMNode(editor, selection.focus.path);
+      if (Range.isCollapsed(selection)) {
+        // Do not scroll into view, when focus on image
+        const [imageNodeEntry] = Editor.nodes(editor, {
+          match: n => n.type === IMAGE,
+          at: selection
+        });
+        if (imageNodeEntry) return;
+      }
+      const focusedNode = Node.get(editor, selection.focus.path);
+      const domNode = ReactEditor.toDOMNode(editor, focusedNode);
       if (!domNode) return;
       domNode.scrollIntoView({
         block: 'nearest'

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -75,7 +75,10 @@ const ImageHoverMenu = _ref => {
           centerNode = null,
           afterNode = null;
         let p = path[0];
-        if (!beforeLeaf.every(item => item.text.length === 0)) {
+        if (!beforeLeaf.every(item => {
+          var _item$text;
+          return (item === null || item === void 0 ? void 0 : (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.length) === 0;
+        })) {
           beforeNode = generateEmptyElement(PARAGRAPH);
           beforeNode.children = beforeLeaf;
           Transforms.insertNodes(editor, beforeNode, {
@@ -90,8 +93,8 @@ const ImageHoverMenu = _ref => {
         });
         p = p + 1;
         if (!afterLeaf.every(item => {
-          var _item$text;
-          return (item === null || item === void 0 ? void 0 : (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.length) === 0;
+          var _item$text2;
+          return (item === null || item === void 0 ? void 0 : (_item$text2 = item.text) === null || _item$text2 === void 0 ? void 0 : _item$text2.length) === 0;
         })) {
           afterNode = generateEmptyElement(PARAGRAPH);
           afterNode.children = afterLeaf;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.4.15",
+  "version": "0.4.16",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",