slate-react 0.82.1 → 0.82.2-202281032115

package/dist/index.js

@@ -1600,11 +1600,23 @@ var Element = function Element(props) {
       renderPlaceholder = props.renderPlaceholder,
       renderLeaf = props.renderLeaf,
       selection = props.selection;
-  var ref = React.useRef(null);
   var editor = useSlateStatic();
   var readOnly = useReadOnly();
   var isInline = editor.isInline(element);
   var key = ReactEditor.findKey(editor, element);
+  var ref = React.useCallback(function (ref) {
+    // Update element-related weak maps with the DOM element ref.
+    var KEY_TO_ELEMENT = EDITOR_TO_KEY_TO_ELEMENT.get(editor);
+
+    if (ref) {
+      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT.set(key, ref);
+      NODE_TO_ELEMENT.set(element, ref);
+      ELEMENT_TO_NODE.set(ref, element);
+    } else {
+      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT["delete"](key);
+      NODE_TO_ELEMENT["delete"](element);
+    }
+  }, [editor, key, element]);
   var children = useChildren({
     decorations: decorations,
     node: element,
@@ -1667,21 +1679,8 @@ var Element = function Element(props) {
     }));
     NODE_TO_INDEX.set(_text, 0);
     NODE_TO_PARENT.set(_text, element);
-  } // Update element-related weak maps with the DOM element ref.
-
-
-  useIsomorphicLayoutEffect(function () {
-    var KEY_TO_ELEMENT = EDITOR_TO_KEY_TO_ELEMENT.get(editor);
+  }
 
-    if (ref.current) {
-      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT.set(key, ref.current);
-      NODE_TO_ELEMENT.set(element, ref.current);
-      ELEMENT_TO_NODE.set(ref.current, element);
-    } else {
-      KEY_TO_ELEMENT === null || KEY_TO_ELEMENT === void 0 ? void 0 : KEY_TO_ELEMENT["delete"](key);
-      NODE_TO_ELEMENT["delete"](element);
-    }
-  });
   return renderElement({
     attributes: attributes,
     children: children,
@@ -3597,6 +3596,11 @@ var Editable = function Editable(props) {
             androidInputManager === null || androidInputManager === void 0 ? void 0 : androidInputManager.handleUserSelect(range);
           }
         }
+      } // Deselect the editor if the dom selection is not selectable in readonly mode
+
+
+      if (readOnly && (!anchorNodeSelectable || !focusNodeSelectable)) {
+        slate.Transforms.deselect(editor);
       }
     }
   }, 100), [readOnly]);
@@ -4127,7 +4131,8 @@ var Editable = function Editable(props) {
     node: ref,
     receivedUserInput: receivedUserInput
   }, /*#__PURE__*/React__default['default'].createElement(Component, Object.assign({
-    role: readOnly ? undefined : 'textbox'
+    role: readOnly ? undefined : 'textbox',
+    "aria-multiline": readOnly ? undefined : true
   }, attributes, {
     // COMPAT: Certain browsers don't support the `beforeinput` event, so we'd
     // have to use hacks to make these replacement-based features work.