@tiptap/core 2.11.2 → 2.11.3

package/dist/index.umd.js

@@ -1852,13 +1852,34 @@
       return state.TextSelection.create(doc, minMax(position, minPos, maxPos), minMax(position, minPos, maxPos));
   }
 
+  function isAndroid() {
+      return navigator.platform === 'Android' || /android/i.test(navigator.userAgent);
+  }
+
+  function isiOS() {
+      return [
+          'iPad Simulator',
+          'iPhone Simulator',
+          'iPod Simulator',
+          'iPad',
+          'iPhone',
+          'iPod',
+      ].includes(navigator.platform)
+          // iPad on iOS 13 detection
+          || (navigator.userAgent.includes('Mac') && 'ontouchend' in document);
+  }
+
   const focus = (position = null, options = {}) => ({ editor, view, tr, dispatch, }) => {
       options = {
           scrollIntoView: true,
           ...options,
       };
       const delayedFocus = () => {
-          view.dom.focus();
+          // focus within `requestAnimationFrame` breaks focus on iOS and Android
+          // so we have to call this
+          if (isiOS() || isAndroid()) {
+              view.dom.focus();
+          }
           // For React we have to focus asynchronously. Otherwise wild things happen.
           // see: https://github.com/ueberdosis/tiptap/issues/1520
           requestAnimationFrame(() => {
@@ -2189,19 +2210,6 @@
       return commands$1.joinTextblockForward(state, dispatch);
   };
 
-  function isiOS() {
-      return [
-          'iPad Simulator',
-          'iPhone Simulator',
-          'iPod Simulator',
-          'iPad',
-          'iPhone',
-          'iPod',
-      ].includes(navigator.platform)
-          // iPad on iOS 13 detection
-          || (navigator.userAgent.includes('Mac') && 'ontouchend' in document);
-  }
-
   function isMacOS() {
       return typeof navigator !== 'undefined'
           ? /Mac/.test(navigator.platform)
@@ -4001,6 +4009,9 @@
               new state.Plugin({
                   key: new state.PluginKey('clearDocument'),
                   appendTransaction: (transactions, oldState, newState) => {
+                      if (transactions.some(tr => tr.getMeta('composition'))) {
+                          return;
+                      }
                       const docChanges = transactions.some(transaction => transaction.docChanged)
                           && !oldState.doc.eq(newState.doc);
                       const ignoreTr = transactions.some(transaction => transaction.getMeta('preventClearDocument'));
@@ -5070,10 +5081,6 @@ img.ProseMirror-separator {
       }
   }
 
-  function isAndroid() {
-      return navigator.platform === 'Android' || /android/i.test(navigator.userAgent);
-  }
-
   /**
    * Node views are used to customize the rendered DOM structure of a node.
    * @see https://tiptap.dev/guide/node-views