@tiptap/core 2.11.1 → 2.11.3

package/dist/index.js

@@ -1854,13 +1854,34 @@ function resolveFocusPosition(doc, position = null) {
     return 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(() => {
@@ -2191,19 +2212,6 @@ const joinTextblockForward = () => ({ state, dispatch }) => {
     return joinTextblockForward$1(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)
@@ -4003,6 +4011,9 @@ const Keymap = Extension.create({
             new Plugin({
                 key: new 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'));
@@ -5072,10 +5083,6 @@ class Node {
     }
 }
 
-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