Skip to content

SearchBar: debounced query reapplied after clearing input #64892

Description

@Mayankaggarwal8055

Under which category would you file this issue?

Providers

Apache Airflow version

main (latest)

What happened and how to reproduce it?

Description

The SearchBar component uses a debounced onChange handler. When a user types a query and immediately clears the input, the previously scheduled debounce callback is not cancelled.

As a result, the old query value is applied again after the debounce delay, causing the cleared input to revert to the previous value.


Steps to reproduce

  1. Type a query (e.g. "air")
  2. Immediately click the clear button
  3. Wait for the debounce delay

Current behavior

  • Input is cleared initially
  • After the debounce delay, the previous query reappears

What you think should happen instead?

Expected behavior

  • Clearing the input should cancel any pending debounce
  • The input should remain empty
  • No stale value should be applied

Operating System

Windows 10

Deployment

None

Apache Airflow Provider(s)

No response

Versions of Apache Airflow Providers

This issue occurs consistently when clearing the search input immediately after typing.

It affects user experience by causing the input to behave inconsistently due to stale debounced values.

Official Helm Chart version

Not Applicable

Kubernetes Version

No response

Helm Chart configuration

No response

Docker Image customizations

No response

Anything else?

No response

Are you willing to submit PR?

  • Yes I am willing to submit a PR!

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:UIRelated to UI/UX. For Frontend Developers.kind:bugThis is a clearly a bugneeds-triagelabel for new issues that we didn't triage yet

    Type

    No type

    Fields

    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