Autofill Event Demo

Personal Information Form

How to test:
  1. Use Chrome Canary with the "Experimental web platform features" flag enabled (navigate to chrome://flags and search for "Experimental web platform features")
  2. Make sure you have at least one address saved in Chrome's settings (Settings โ†’ Autofill and passwords โ†’ Addresses and more). Learn how
  3. Click on any form field below and select your saved address from the autofill dropdown
  4. Watch the autofill event fire and see the form dynamically adapt in real-time!

Field Color Legend

Fields filled by autofill
Fields added/modified by event handler
Note: The State/Province field will be dynamically added when US or Canadian addresses are detected during autofill.

Event Monitor

Real-time Autofill Event Tracking

Current State

AutofillEvent Support: Checking...
Event Fired: false
Field Data Received: 0 fields
refill() Called: false
refill() Resolved: false
Form Modified: false
Autofill Completed: false

Event Log

[Ready]
Demo initialized. Waiting for autofill events...