Skip to content

Fix: restore searchable dropdown for DAG params enum fields#63895

Open
nagasrisai wants to merge 18 commits intoapache:mainfrom
nagasrisai:fix/searchable-dag-params-dropdown
Open

Fix: restore searchable dropdown for DAG params enum fields#63895
nagasrisai wants to merge 18 commits intoapache:mainfrom
nagasrisai:fix/searchable-dag-params-dropdown

Conversation

@nagasrisai
Copy link

@nagasrisai nagasrisai commented Mar 18, 2026

The DAG params dropdown was searchable in Airflow 2. You could type to narrow the list down to the option you wanted. That stopped working in Airflow 3.

Switched FieldDropdown to use chakra-react-select which already provides built-in search, consistent with how FieldMultiSelect works in the same directory. Removed the custom Input workaround and the unused translation key that came with it.

Closes #63879

@nagasrisai
Copy link
Author

nagasrisai commented Mar 18, 2026

Let me know if anything needs adjusting.

Copy link
Contributor

@bbovenzi bbovenzi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We use chakra-react-select elsewhere in the UI if we want to allow searching

@nagasrisai
Copy link
Author

nagasrisai commented Mar 18, 2026

Done, switched to chakra-react-select. Also removed the custom search input and the translation key that are no longer needed.
@bbovenzi could you please review ?

@bbovenzi
Copy link
Contributor

Can you provide a video or gif of the functionality?

@nagasrisai
Copy link
Author

nagasrisai commented Mar 19, 2026

Here are some screenshots from running the fix locally on a DAG with 12 enum params.

Clicking the field opens the full list:

Full dropdown list

Typing filters it down in real time — here searching "east" narrows it to the matching regions:

Search filtering

All 12 params render as searchable dropdowns. String, integer, and other param types are unaffected since the change only applies when param.schema?.enum is present.

@nagasrisai
Copy link
Author

Here's a gif showing the full interaction — dialog opening, full list rendering, then searching live as you type:

searchable enum dropdown demo

The first frame shows the dropdown closed with the current value. Clicking opens the full option list. Typing narrows it down in real time.

Copy link
Member

@pierrejeambrun pierrejeambrun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Working as expected, looking good to me.

We just need to remove the screenshots.

@pierrejeambrun pierrejeambrun added this to the Airflow 3.2.0 milestone Mar 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:translations area:UI Related to UI/UX. For Frontend Developers. translation:default

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dag params / drop-down is no longer searchable

3 participants