So You Think You Can Build A Dropdown?
summary
Builds a production dropdown using radix primitives and simple CSS (demo uses Next.js and mentions stitches) and demonstrates full keyboard navigation, typeahead, submenus, an arrow, collision-aware positioning and origin-aware animations. The component works with screen readers (VoiceOver) out of the box. Claims the project cost over 2,000 hours across six months with 50 code reviews and thousands of commits, and the live demo shows the features functioning as described.
AI-written summary · about
chapters (15)
- 0:00Start
- 0:38So You Think You Can Build A Dropdown?
- 1:01Tused to think I could build a Dropdown
- 3:42Research Implement Test
- 4:04Broken
- 4:22Building a Dropdown is hard
- 4:44This is a bottleneck
- 5:01What can we do?
- 5:29Let me show you
- 23:39Unstyled Accessible Customisable
- 24:08Building components takes time
- 24:20Quality standard is higher than ever
- 24:34Accessible products is the new normal
- 24:44We are responsible
- 25:12It's okay to delegate
