Building an accessible autocomplete control

This is an excerpt from my book, Form Design Patterns.

This article starts in the middle of chapter 3, A Flight Booking Form where I’ve been looking at ways to let users enter a destination country.

Unfortunately, native HTML form controls just aren’t good enough for this type of interaction.

And so we need to build a custom autocomplete control from scratch.

A word of warning though: this is one of the hardest UI components I’ve ever had to make—they’re just way harder than they look.

An autocomplete control showing 3 suggestions with the second option highlighted.

See original post