Skip to content

Fix DAG browser tab title in React UI#67308

Open
chocolatecake777 wants to merge 1 commit into
apache:mainfrom
chocolatecake777:paid-oss/fix-dag-browser-title
Open

Fix DAG browser tab title in React UI#67308
chocolatecake777 wants to merge 1 commit into
apache:mainfrom
chocolatecake777:paid-oss/fix-dag-browser-title

Conversation

@chocolatecake777
Copy link
Copy Markdown

Fix DAG pages in the React UI so the browser tab title reflects the selected DAG again instead of always remaining the generic Airflow title.

closes: #67145


Was generative AI tooling used to co-author this PR?
  • Yes (please specify the tool below)

Generated-by: OpenAI Codex following the guidelines


Summary

  • Add a shared document-title hook that composes page-specific titles with the Airflow instance name.
  • Use the hook from the base layout and DAG page so DAG views update the browser tab to the DAG display name.
  • Add focused React tests covering DAG-specific document title behavior.

Verification

  • Focused Vitest command for airflow-core/src/airflow/ui/src/pages/Dag/Dag.test.tsx passed in an isolated writable rerun after the initial read-only repository mount prevented test output writes.
  • git diff --check HEAD~1 HEAD passed.
  • Final branch status is clean at 82063a39ee019210f9f8441b377a9381080192eb.

Reviewer Notes

  • The change is scoped to browser document-title handling in the React UI and does not change routing or DAG data loading behavior.

@boring-cyborg boring-cyborg Bot added the area:UI Related to UI/UX. For Frontend Developers. label May 22, 2026
@boring-cyborg
Copy link
Copy Markdown

boring-cyborg Bot commented May 22, 2026

Congratulations on your first Pull Request and welcome to the Apache Airflow community! If you have any issues or are unsure about any anything please check our Contributors' Guide
Here are some useful points:

  • Pay attention to the quality of your code (ruff, mypy and type annotations). Our prek-hooks will help you with that.
  • In case of a new feature add useful documentation (in docstrings or in docs/ directory). Adding a new operator? Check this short guide Consider adding an example Dag that shows how users should use it.
  • Consider using Breeze environment for testing locally, it's a heavy docker but it ships with a working Airflow and a lot of integrations.
  • Be patient and persistent. It might take some time to get a review or get the final approval from Committers.
  • Please follow ASF Code of Conduct for all communication including (but not limited to) comments on Pull Requests, Mailing list and Slack.
  • Be sure to read the Airflow Coding style.
  • Always keep your Pull Requests rebased, otherwise your build might fail due to changes not related to your commits.
    Apache Airflow is a community-driven project and together we are making it better 🚀.
    In case of doubts contact the developers at:
    Mailing List: dev@airflow.apache.org
    Slack: https://s.apache.org/airflow-slack

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Browser tab title always shows "Airflow" in v3 UI — DAG name no longer reflected

1 participant