Skip to content

browser_click fails to select options from custom ARIA listbox dropdowns (e.g., Greenhouse/react-select) #11

@surapuramakhil

Description

@surapuramakhil

Current Behavior:
When attempting to automate a selection in a custom dropdown (specifically the ones used by Greenhouse job boards, which appear to be built with react-select), the following sequence occurs:

browser_click on the dropdown control successfully opens the menu.
browser_snapshot shows the listbox and option elements exist in the DOM with valid IDs (e.g., #react-select-3-option-0).
A subsequent browser_click targeting the option selector fails with Error: Element not found, or the menu closes immediately before the click can be registered.
Using browser_type with the option name + \n into the dropdown input often results in "No options" or fails to commit the selection.
Expected Behavior:
The tool should be able to click and select an option within an ARIA listbox without the menu closing prematurely or failing to locate the transient element.

Environment:

Backend: different-ai/opencode-browser
Site: [job-boards.greenhouse.io](tauri://localhost/job-boards.greenhouse.io) (Scale AI, etc.)
Component Type: react-select / ARIA listbox
Steps to Reproduce:

Navigate to a Greenhouse job application.
Use browser_click on a dropdown (e.g., "Gender" or "Work Authorization").
Try to use browser_click on the resulting option selector visible in the snapshot.
Suggested Enhancement:
Implement a more robust "wait-and-click" or focus-locking mechanism for transient UI elements, or add a specialized browser_select_aria tool that handles the specific interaction patterns of ARIA-compliant custom selects.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions