Custom Dropdown
Built with event delegation. Closes automatically when clicking anywhere outside the dropdown. Keyboard-accessible with ArrowDown, ArrowUp, Enter, and Escape.
Modal Dialog
Blurred backdrop using backdrop-filter. Closes via the X button, Cancel, backdrop click, or Escape key. Focus is trapped inside the modal while it is open.
Confirm Action
This is a demonstration modal with a blurred backdrop. It traps keyboard focus inside the dialog and supports multiple dismissal methods: the close button, the Cancel button, clicking the backdrop, or pressing Escape.
Real-Time Form Validation
All validation runs in JavaScript on input and blur. Error messages are injected directly into the DOM beneath invalid fields. No page reload on submit.
Form submitted successfully. All fields passed validation.