slate-react 0.58.0 → 0.58.4

package/dist/slate-react.js

@@ -28663,11 +28663,14 @@
         style: {
           pointerEvents: 'none',
           display: 'inline-block',
-          verticalAlign: 'text-top',
           width: '0',
           maxWidth: '100%',
           whiteSpace: 'nowrap',
-          opacity: '0.333'
+          opacity: '0.333',
+          userSelect: 'none',
+          fontStyle: 'normal',
+          fontWeight: 'normal',
+          textDecoration: 'none'
         }
       }, leaf.placeholder), children);
     } // COMPAT: Having the `data-` attributes on these leaf elements ensures that
@@ -29240,7 +29243,9 @@
   var IS_FIREFOX = typeof navigator !== 'undefined' && /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
   var IS_SAFARI = typeof navigator !== 'undefined' && /Version\/[\d\.]+.*Safari/.test(navigator.userAgent); // "modern" Edge was released at 79.x
 
-  var IS_EDGE_LEGACY = typeof navigator !== 'undefined' && /Edge?\/(?:[0-6][0-9]|[0-7][0-8])/i.test(navigator.userAgent);
+  var IS_EDGE_LEGACY = typeof navigator !== 'undefined' && /Edge?\/(?:[0-6][0-9]|[0-7][0-8])/i.test(navigator.userAgent); // Native beforeInput events don't work well with react on Chrome 75 and older, Chrome 76+ can use beforeInput
+
+  var IS_CHROME_LEGACY = typeof navigator !== 'undefined' && /Chrome?\/(?:[0-7][0-5]|[0-6][0-9])/i.test(navigator.userAgent);
 
   /**
    * Hotkey mappings for each platform.
@@ -29334,8 +29339,9 @@
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  // Chrome Legacy doesn't support `beforeinput` correctly
 
-  var HAS_BEFORE_INPUT_SUPPORT = !(IS_FIREFOX || IS_EDGE_LEGACY);
+  var HAS_BEFORE_INPUT_SUPPORT = !(IS_FIREFOX || IS_EDGE_LEGACY || IS_CHROME_LEGACY);
   /**
    * Editable.
    */
@@ -29416,7 +29422,8 @@
         domSelection.addRange(newDomRange);
         var leafEl = newDomRange.startContainer.parentElement;
         scrollIntoView(leafEl, {
-          scrollMode: 'if-needed'
+          scrollMode: 'if-needed',
+          boundary: el
         });
       }
 
@@ -29588,13 +29595,13 @@
     // https://github.com/facebook/react/issues/11211
 
     useIsomorphicLayoutEffect(function () {
-      if (ref.current) {
+      if (ref.current && HAS_BEFORE_INPUT_SUPPORT) {
         // @ts-ignore The `beforeinput` event isn't recognized.
         ref.current.addEventListener('beforeinput', onDOMBeforeInput);
       }
 
       return function () {
-        if (ref.current) {
+        if (ref.current && HAS_BEFORE_INPUT_SUPPORT) {
           // @ts-ignore The `beforeinput` event isn't recognized.
           ref.current.removeEventListener('beforeinput', onDOMBeforeInput);
         }
@@ -29740,9 +29747,15 @@
 
           var _start = slate.Editor.start(editor, path);
 
-          if (slate.Editor["void"](editor, {
+          var end = slate.Editor.end(editor, path);
+          var startVoid = slate.Editor["void"](editor, {
             at: _start
-          })) {
+          });
+          var endVoid = slate.Editor["void"](editor, {
+            at: end
+          });
+
+          if (startVoid && endVoid && slate.Path.equals(startVoid[1], endVoid[1])) {
             var range = slate.Editor.range(editor, _start);
             slate.Transforms.select(editor, range);
           }
@@ -30066,7 +30079,7 @@
         // COMPAT: Firefox, Chrome and Safari are not emitting `beforeinput` events
         // when "paste without formatting" option is used.
         // This unfortunately needs to be handled with paste events instead.
-        if ((!HAS_BEFORE_INPUT_SUPPORT || isPlainTextOnlyPaste(event.nativeEvent)) && !readOnly && hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onPaste)) {
+        if (!isEventHandled(event, attributes.onPaste) && (!HAS_BEFORE_INPUT_SUPPORT || isPlainTextOnlyPaste(event.nativeEvent)) && !readOnly && hasEditableTarget(editor, event.target)) {
           event.preventDefault();
           ReactEditor.insertData(editor, event.clipboardData);
         }