Auto Save

Save user input when the session becomes idle or the page is hidden.

Architecture

flowchart TD
  Input[User Input] --> App[Application State]
  App --> BL[Browser Lifecycle]
  BL -->|page:hidden / session:idle| Save[Persist Draft]

With Form Intelligence (recommended)

Composition without coupling — use the FI plugin + optional peer:

See Form Intelligence → Draft on tab hide.

createBrowserLifecyclePlugin({
  saveDraftOnHidden: true,
  lifecycle, // optional shared session
});

Manual wiring

lifecycle.on("page:hidden", () => saveDraft());
lifecycle.on("session:idle", () => saveDraft());

Best practices

Debounce saves and avoid writing on every keystroke. Prefer drafts over writing the full document on every page:hidden if the payload is large.

Playground

Idle Playground · Visibility Playground · FI Workflow