@tiptap/core 3.15.2 → 3.15.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/core",
   "description": "headless rich text editor",
-  "version": "3.15.2",
+  "version": "3.15.3",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -52,10 +52,10 @@
     "jsx-dev-runtime"
   ],
   "devDependencies": {
-    "@tiptap/pm": "^3.15.2"
+    "@tiptap/pm": "^3.15.3"
   },
   "peerDependencies": {
-    "@tiptap/pm": "^3.15.2"
+    "@tiptap/pm": "^3.15.3"
   },
   "repository": {
     "type": "git",

package/src/commands/focus.ts

@@ -3,6 +3,7 @@ import { resolveFocusPosition } from '../helpers/resolveFocusPosition.js'
 import type { FocusPosition, RawCommands } from '../types.js'
 import { isAndroid } from '../utilities/isAndroid.js'
 import { isiOS } from '../utilities/isiOS.js'
+import { isSafari } from '../utilities/isSafari.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
@@ -47,6 +48,14 @@ export const focus: RawCommands['focus'] =
         ;(view.dom as HTMLElement).focus()
       }
 
+      // Safari requires preventScroll to avoid the browser scrolling to the
+      // top of the editor when focus is called before the selection is set.
+      // We exclude iOS and Android since they are already handled above.
+      // see: https://github.com/ueberdosis/tiptap/issues/7318
+      if (isSafari() && !isiOS() && !isAndroid()) {
+        ;(view.dom as HTMLElement).focus({ preventScroll: true })
+      }
+
       // For React we have to focus asynchronously. Otherwise wild things happen.
       // see: https://github.com/ueberdosis/tiptap/issues/1520
       requestAnimationFrame(() => {

package/src/utilities/index.ts

@@ -14,6 +14,7 @@ export * from './isMacOS.js'
 export * from './isNumber.js'
 export * from './isPlainObject.js'
 export * from './isRegExp.js'
+export * from './isSafari.js'
 export * from './isString.js'
 export * from './markdown/index.js'
 export * as markdown from './markdown/index.js'

package/src/utilities/isSafari.ts

@@ -0,0 +1,11 @@
+/**
+ * Detects if the current browser is Safari (but not iOS Safari or Chrome).
+ * @returns `true` if the browser is Safari, `false` otherwise.
+ * @example
+ * if (isSafari()) {
+ *   // Safari-specific handling
+ * }
+ */
+export function isSafari(): boolean {
+  return typeof navigator !== 'undefined' ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent) : false
+}