Focus DAG search box on cmd/ctrl+K

[Jari27]

Description

In many websites, pressing Cmd/Ctrl+K brings up search functionality. We can add the same to airflow. This would be especially useful on pages that contain the DAG search box, e.g. home, DAG details, etc.

I have no experience with front-end development, so I don't know the drawbacks/difficulties of trapping Cmd/Ctrl+K (although it looks straightforward).

Use case/motivation

Allow the user to quickly search for a DAG, without needing to switch hands away from the keyboard after e,g logging in or opening the webpage from e.g. favourites.

Example flows:

• jump to dag after login: enter login credentials -> press enter -> press cmd+k -> type dag id -> press enter
  • this currently requires the user to press tab (a lot) or use the mouse
• jump to dag after opening page: in browser: ctrl/cml + L -> "airflow" -> press enter -> (already logged in) -> press cmd+k -> type dag id -> press enter

Related issues

Could not find any.

Are you willing to submit a PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! If you are willing to raise PR to address this issue please do so, no need to wait for approval.

[tirkarthi]

This was done in new UI in #45908 for the quick search. The same can be done for home page to focus on search. I can take this up. The changes won't be done in Airflow 2 UI since it's deprecated for removal.

[Jari27]

That'd be really nice! I came as far as this: main...Jari27:airflow:focus-search-box-on-cmd-k; but I believe that's for 2.10?

[tirkarthi]

I have created #46463 for Airflow 3. I don't think features to 2.10 UI is accepted at this stage.