Morph Select

Purpose

MorphSelect expands a compact value control into a complete single-select listbox with an active descendant, keyboard navigation and focus restoration. Use it for short custom option sets where styled spatial continuity matters.

Prefer native select for long, platform-standard or mobile-critical choices. Avoid multi-select, remote search and hundreds of options. Do not remove labels or replace familiar keyboard behaviour for animation.

Arrow keys, Home/End, Enter, Escape and short typeahead are supported; focus returns to the trigger. Reduced motion removes expansion choreography. Disabled options remain skipped, and validation belongs to the surrounding labeled form field.