The latest articles on DEV Community by Nightdrive Labs (@nightdrivelabs). https://dev.to/nightdrivelabs https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4144826%2F849a5770-d2cc-4842-afb1-accce0ff95a6.png https://dev.to/nightdrivelabs en Nightdrive Labs Sat, 26 Sep 2026 20:31:49 +0000 https://dev.to/nightdrivelabs/how-to-recover-text-you-lost-in-a-web-form-and-never-lose-it-again-3lp5 https://dev.to/nightdrivelabs/how-to-recover-text-you-lost-in-a-web-form-and-never-lose-it-again-3lp5 <p>You wrote a long reply or support ticket, pressed submit, and got "session expired" or a blank page. Before you retype it, try these, fastest first:</p> <ol> <li> <strong>Press Back once</strong> (<code>Alt+←</code>). Pages restored from the back/forward cache often still have your text in the box. Copy it somewhere safe immediately.</li> <li> <strong>Reopen the closed tab</strong> (<code>Ctrl+Shift+T</code> / <code>Cmd+Shift+T</code>). Some sites restore drafts.</li> <li> <strong>Check the site's drafts.</strong> Gmail, Outlook, Reddit, WordPress, Discourse and many help desks autosave server-side drafts.</li> <li> <strong>Undo in the empty box</strong> (<code>Ctrl+Z</code>) if a script cleared it without reloading the page.</li> <li> <strong>Clipboard history</strong> (<code>Win+V</code> on Windows) if you ever copied the text.</li> </ol> <h2> The real fix: keep a copy while you type </h2> <p>Form-recovery extensions like Typio and Lazarus used to do this, but they stopped working when Chrome moved to Manifest V3. I built a replacement called <strong>Typeback</strong>:</p> <ul> <li>saves text boxes, text areas and rich editors (contenteditable) about a second after you stop typing</li> <li>right-click the empty field → "Restore last draft here" (or <code>Alt+Shift+Z</code>)</li> <li>100% local (IndexedDB), skips password/card fields and private windows, per-site pause</li> </ul> <p>A few implementation notes for extension devs: one draft per field per page visit (overwritten while typing, so no keystroke spam), restore via <code>document.execCommand("insertText")</code> so undo history and React/Vue state stay intact, and with <code>all_frames</code> only the focused frame answers the "which field?" message.</p> <p>Details and a test page: <a href="https://nightdrivewalls.surge.sh/typeback/" rel="noopener noreferrer">https://nightdrivewalls.surge.sh/typeback/</a></p> <p><em>Written with AI assistance; the extension and its tests are mine.</em></p> productivity browser webdev tutorial