Skip to content

Add Option to Disable Search in Choice Component #42

@kyleheney

Description

@kyleheney

Summary

Add an option to the Choice Component that allows the search field to be optional.

Current Problem

When a Choice component has many selectable options, a search bar automatically appears within the dropdown. On mobile devices, this search field receives focus immediately, which triggers the on-screen keyboard as soon as the dropdown is opened. Note that not all data sources currently support this search functionality — for example, SQL sources do not, resulting in empty search results (see related GHI: #26358).

Examples/Scenarios

This behavior can feel abrupt, especially when the list of options is short (for example, numbers 1–10). Depending on where the Choice component sits on the screen, the on-screen keyboard may cover the options. After the user types, the filtered results can also appear hidden behind the keyboard, making selection difficult.

Why This Matters

Since the search bar is not supported for SQL data sources, allowing it to be optionally shown or hidden would provide a straightforward workaround. Currently, when users type into the search bar for a Choice component connected to SQL data, the search always returns empty results. In addition, the automatic keyboard activation can create a disruptive experience on mobile and may slow down form completion.

Suggested UX

In Choice → General → Options : add toggle to "Disable search bar". Given that the search bar currently always displays, this setting should default to off. Enabling it would instead hide the search bar within the dropdown-style Choice component.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions