Form Progress Save-Draft

WHAT IT DOES

Form Progress Save-Draft ensures you never lose progress on long forms, applications, surveys, or registration pages. The extension captures the complete state of any form—including text inputs, textareas, select dropdowns, checkboxes, and radio buttons—and saves it as a draft. When you return to the same page later, even after closing your browser or restarting your computer, the extension can restore your form to its exact previous state. Multiple draft versions are stored with timestamps, allowing you to track your progress over time. Auto-save mode captures changes as you type, providing continuous backup without any manual intervention. Manual save buttons give you explicit control over when drafts are created. The extension works across all websites and handles complex form structures, including multi-page forms and dynamically generated fields.

WHERE IT RUNS

The extension works on every website with HTML forms, including job applications, insurance forms, government applications, registration pages, checkout processes, survey platforms, CRM systems, admin panels, and any other web-based form interfaces. It runs locally in your browser, processing form data in real-time without sending any information to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly. Drafts are stored per-page URL, so you can have separate drafts for different forms on the same domain.

HOW TO USE

After installation, click the extension toolbar icon to open the Form Progress Save-Draft panel. To manually save the current form state, click "Save Draft"—the extension will capture all field values and store them with a timestamp. To restore your most recent draft, click "Restore Latest"—all fields will be filled with the saved values. The panel displays the number of saved drafts for the current page, along with the timestamp of the latest draft. Enable "Auto-Save on Field Change" to automatically save drafts as you type; the extension will capture changes after one second of inactivity. To clear drafts for the current page, click "Delete All Drafts for This Page." To completely remove all saved drafts across every website, use "Delete All Drafts Everywhere." The draft info section shows the latest draft timestamp and how many form fields were captured.

THE ACTUAL MECHANISM — COMPREHENSIVE FORM CAPTURE WITH SELECTOR-BASED IDENTIFICATION

The extension captures form state using a robust field detection pipeline. First, it queries the DOM for all input, select, and textarea elements, excluding password, hidden, file, submit, reset, button, and image types. Each field is identified by its `id` or `name` attribute; if neither exists, the field is assigned a unique index-based identifier. For text fields, the extension captures the `value` property. For checkboxes and radio buttons, it captures the `checked` boolean state. For select dropdowns, it captures the selected `value` (or an array of values for multi-select). All captured data is structured as a key-value object where each key is the field identifier and each value includes the field type, tag name, and stored state. This object is then serialized to JSON and stored using `GM_setValue` with a storage key derived from the page URL and domain. The restoration process reverses this: for each field, the extension matches the stored data using the same identifier logic, then applies the saved value using the appropriate property (`value` for text fields, `checked` for checkboxes/radios, `value` or `selectedOptions` for selects). All field updates are followed by both `input` and `change` event dispatches, ensuring compatibility with React, Vue, Angular, and other reactive frameworks. The auto-save feature uses a debounced input handler that triggers a save after one second of user inactivity, preventing excessive storage writes during rapid typing.

THE PANEL

The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—save draft, restore latest, delete drafts, auto-save toggle, and draft information—are accessible within a clean, high-contrast interface that respects your system's color scheme.

PLEASE NOTE

This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying storage and DOM access engine. Because websites frequently update their form structures and field naming conventions, certain complex web applications may occasionally require script updates to maintain full draft capture and restore functionality. The extension will automatically check for updates weekly and notify you when a new version is available. No personal data, browsing history, or form content is ever collected, stored, or transmitted. All draft data is stored locally using the browser's storage API and remains solely on your device. Drafts are stored per-page URL and are not shared across devices or browsers. The extension does not inject ads, trackers, or analytics of any kind.