Fix autofocus behavior to prevent unwanted scrolling when disabled

[Copilot]

Fixes issue #4235 where setting autofocus: false or autofocus: null still caused the page to scroll to the editor on mount.

Problem

The editor was unconditionally calling the focus command during initialization, even when autofocus was explicitly disabled:

// In Editor.ts mount() method
window.setTimeout(() => {
  this.commands.focus(this.options.autofocus) // Called regardless of autofocus value
  this.emit('create', { editor: this })
}, 0)

This caused unwanted scrolling behavior when editors were positioned below the fold, particularly problematic in modals or long forms where users didn't want the page to jump to the editor.

Solution

Added a conditional check to only call the focus command when autofocus should actually focus the editor:

// Only focus if autofocus is truthy and not false
if (this.options.autofocus !== false && this.options.autofocus !== null) {
  this.commands.focus(this.options.autofocus)
}

This ensures:

• autofocus: false - No focus/scroll behavior ✅
• autofocus: null - No focus/scroll behavior ✅
• autofocus: true - Focuses at start (existing behavior) ✅
• autofocus: 'start' - Focuses at start ✅
• autofocus: 'end' - Focuses at end ✅
• autofocus: number - Focuses at position ✅

Testing

• Verified existing demos continue to work with autofocus: true
• Created comprehensive test demo at demos/src/Extensions/AutofocusTest/React/
• Built and tested core and React packages successfully

The fix is minimal and surgical, addressing the exact issue without breaking any existing functionality.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• download.cypress.io
  • Triggering command: node index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 94ef703

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	94ef703
🔍 Latest deploy log	https://app.netlify.com/projects/tiptap-embed/deploys/68a9e51ccb6b110008a9fc0d
😎 Deploy Preview	https://deploy-preview-6864--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.