skills.rest
bettyguo
bettyguoCOMMUNITY
Explore all skills by this author →
GitHub

searchable-dropdown

Type text to filter and select options in ARIA combobox widgets.

8|Updated May 13, 2026
Search Tags:#combobox#aria#searchable#dropdown#ui-automation#typeahead
One-click install
npx skills add https://github.com/bettyguo/browser-skills --skill searchable-dropdown
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: searchable-dropdown
Source: https://github.com/bettyguo/browser-skills/tree/main/skills/searchable-dropdown
Command: npx skills add https://github.com/bettyguo/browser-skills --skill searchable-dropdown

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Selecting an option from long dropdowns or comboboxes can be tedious; this Skill types to filter a list and then clicks the matching option, speeding up selections on forms.

Core Features & Use Cases

  • Interacts with ARIA-enabled combobox widgets by typing to filter options and then selecting the first enabled match.
  • Supports common libraries and patterns such as role="combobox", role="listbox", aria-autocomplete="list", and libraries like react-select or select2.
  • Ideal for city selectors, country pickers, product searches, and other long-option dropdowns where typing speeds up selection.

Quick Start

Type the desired option into the combobox, wait for the list to appear, then click the matching option.

Frequently Asked Questions about searchable-dropdown

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate selecting an option from a searchable dropdown with a long list?▼

To automate selecting from a searchable dropdown, type text into the combobox to filter options, wait for the listbox to appear, and click the matching result. This speeds up interactions with long-option comboboxes.

Does this searchable dropdown automation work with react-select and select2 widgets?▼

Yes, this searchable dropdown automation works with react-select and select2 libraries. It interacts with standard ARIA combobox and listbox roles to type, filter, and select options across modern web pages.

How do I interact with ARIA combobox roles to filter and pick a matching option?▼

To interact with an ARIA combobox, type text to filter options, wait for the listbox to appear, and click the first enabled match. This handles combobox widgets by applying ARIA role interactions.

What is the best way to handle typeahead and combobox selection in UI automation?▼

The best way to handle typeahead combobox selection is to type text to filter options, wait for the listbox to appear, and select the first matching result. This method applies to city selectors, country pickers, and product searches.

Can I use this for city selectors and country pickers with long option lists?▼

Yes, you can use this for city selectors and country pickers with long option lists. It is ideal for combobox-based widgets where typing to filter options speeds up the selection process on modern web pages.

Related Skills

Explore More Software Engineering Skills→
coastdigitalgroupcoastdigitalgroup
2

accessible-combobox-implementation

Build and debug ARIA-compliant combobox widgets with keyboard navigation.

Official
Intermediate
Impertio-StudioImpertio-Studio

shadcn-syntax-selectors

Select the correct shadcn UI selector primitive for form-binding scenarios.

Official
Advanced
AndrewXuTurtleAndrewXuTurtle

coretax-ebupot-mp-formfill

Automate filling, validation, and submission of Coretax eBupot MP forms.

Community
Intermediate
kriscendobotkriscendobot
3

native-customizable-form-control-styling

Style native HTML select elements with CSS pseudo-elements and pseudo-classes.

Community
Advanced