Skip to content

Improve dag code readability on Airflow UI #67359

@karenbraganz

Description

@karenbraganz

Description

The window displaying the dag code in the Airflow UI has become smaller in Airflow 3.2 and harder to read from.

On Airflow 3.1:

Image

On Airflow 3.2:

Image

It would be great if we could expand this code view to the entire screen for readability.

A feature to filter the dag code for keywords or at least use cmd/ctrl+F would be helpful for troubleshooting. On Airflow 3.1, we could use cmd/ctrl+F to search for keywords in the dag code even if those words were not on the screen without scrolling. In Airflow 3.2, only the words visible in the small window will be highlighted with cmd/ctrl+F.

For example, here I am running cmd+F for the word "instantiate", and it shows 0 matches.

Image

Only when I scroll to the bottom of this code where this word is present will it detect a match.

Image

This was not the case in Airflow 3.1.

Use case/motivation

This feature would improve code readability on the UI.

Related issues

No response

Are you willing to submit a 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:featureFeature Requests

    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