Purchase Request Form Filler

WHAT IT DOES

Purchase Request Form Filler is a browser extension that automatically scans the current webpage for purchase request form fields, item description inputs, quantity fields, cost or price inputs, vendor selectors, and approval fields. It detects purchase-related form elements by examining class names, IDs, name attributes, and placeholder text for keywords like "item", "product", "vendor", "supplier", "quantity", "cost", "price", "approver", "budget", or "purchase". The extension adds a floating "quick fill" button (🛒) near detected form fields, allowing you to auto-populate item name, description, quantity, unit cost, vendor, approver, budget code, and notes fields with a single click. Clicking the button opens a panel where you can select from saved items, enter new purchase request details, or save current entries as reusable items. The extension maintains a purchase request database per item and vendor with entry history, notes, and tags. Each entry stores the item name, description, quantity, unit cost, vendor, approver, budget code, notes, and tags. The main panel displays saved items and purchase history, showing recent entries with quantities, costs, vendors, and notes. All data is stored locally in your browser using GM_setValue, ensuring your purchase data persists across page reloads and browser sessions. This helps procurement teams, project managers, and employees quickly fill out purchase request forms, track purchasing history, and maintain consistent item data across multiple requests.

WHERE IT RUNS

This extension runs on any webpage that displays purchase request forms, procurement systems, expense request forms, or any page with input fields for item, vendor, quantity, cost, and approval information. The extension intelligently adapts to different page structures and supports a wide range of common form display patterns. No manual configuration is required per site; the extension automatically detects form fields using a flexible pattern matching system. This makes it ideal for users who regularly submit purchase requests in multiple systems or platforms.

HOW TO USE

Simply install the extension and navigate to any webpage with a purchase request or procurement form. The extension automatically detects form fields and places a "quick fill" button (🛒) in the bottom-right area of the page. Click this button to open the quick fill panel. The panel shows your saved items for quick selection, or allows you to manually enter item name, description, vendor, quantity, unit cost, approver, budget code, and optional note or tags. Click "Fill Fields" to auto-populate the detected form fields with your entered data – the extension automatically sets each field's value and dispatches the proper input and change events to ensure compatibility with React, Vue, and other modern frameworks. You can also click "Save as Item" to save the current entry as a reusable item for future use. A floating button (📦) appears in the bottom-right corner of the page – click this to open the main panel. The main panel shows all saved items and recent purchase history. Use the settings section to enable or disable auto-detection, set your default quantity, and choose your default currency symbol. The "Clear All Entries" and "Clear Saved Items" buttons remove tracking data when needed.

ONE TECHNICAL SECTION – WHY IT WORKS

The extension employs a multi-layered detection system that identifies purchase request form fields with high accuracy. First, it scans the DOM using a comprehensive set of CSS selectors targeting common field class patterns, IDs, name attributes, and placeholder text for item, description, quantity, cost, vendor, approver, budget, and notes fields. The detection algorithm uses a weighted scoring system where each matching selector contributes to a confidence score – a field with multiple matching selectors (class, name, and placeholder) receives a higher confidence score. The extension prioritizes visible form elements over hidden ones, ensuring it identifies the fields the user is actively interacting with. When auto-populating fields, the extension uses the native setter for each input element and dispatches both "input" and "change" events, ensuring that React and Vue applications recognize the value change and update their state accordingly. Each purchase entry is stored with a unique ID based on the item name and vendor, and the extension maintains a complete history of all entries. A MutationObserver detects dynamic content updates and re-scans only when new form elements appear, balancing real-time accuracy with system performance.

THE PANEL – DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The purchase request helper panel includes a draggable title bar, allowing you to position it anywhere on screen for convenient access during data entry. The extension remembers your preferred position per website, so the panel opens in the same location each time you return to that domain. The panel supports snap-to-edge behavior – when dragged near screen edges, it gently snaps into place for a tidy workspace layout. You can collapse the panel down to just its title bar by clicking the collapse button, keeping it accessible without taking up screen space. The item list and purchase history are contained within a scrollable body, ensuring all content remains accessible even on smaller screens. Pressing the Escape key closes the panel instantly, returning you to your purchasing workflow.

PLEASE NOTE

This extension requires the free BotGentz extension to be installed and enabled, as it relies on BotGentz's userscript injection and GM_* API shims for cross-browser compatibility. Websites frequently update their HTML structures and class names, which may cause form field detection to break temporarily – we actively maintain the matching patterns and release updates regularly. The extension stores all purchase entries, item data, and notes exclusively in your local browser storage (GM_setValue); no data is ever transmitted to any external server or third party. You are responsible for backing up your purchase data if you switch browsers or clear your storage. The extension does not read, modify, or interfere with any procurement systems, financial transactions, or site functionality – it operates solely on the static page content and stores only metadata (item names, vendors, quantities, costs, and notes) that you explicitly create. Use this tool responsibly for personal and professional purchase request management.