Skip to content

fix(ui): Graph View layout broken for non-LR orientations with TaskGroups#62144

Open
rsilvestre wants to merge 1 commit intoapache:mainfrom
rsilvestre:fix/graph-layout-orientation-61384
Open

fix(ui): Graph View layout broken for non-LR orientations with TaskGroups#62144
rsilvestre wants to merge 1 commit intoapache:mainfrom
rsilvestre:fix/graph-layout-orientation-61384

Conversation

@rsilvestre
Copy link

Summary

  • Fix Graph View layout regression where TB/RL/BT orientations break when TaskGroups are present
  • The elk.portConstraints: "FIXED_SIDE" layout option is now conditionally applied only for RIGHT (LR) direction, as it causes ELK.js to incorrectly spread nodes horizontally for other orientations
  • This restores the correct behavior from Airflow 3.0.6

Root Cause

The elk.portConstraints: "FIXED_SIDE" option was applied unconditionally to both open TaskGroup nodes and individual task nodes. This constraint works correctly for LR layouts but breaks the ELK.js layout algorithm for TB, BT, and RL orientations when TaskGroups are present.

Test plan

Closes #61384

The `elk.portConstraints: "FIXED_SIDE"` layout option breaks ELK.js
layout for non-LR orientations (TB, BT, RL) when TaskGroups are present,
causing nodes to spread horizontally and overlap. This is a regression
introduced between 3.0.6 and 3.1.x.

Conditionally apply the constraint only for RIGHT (LR) direction,
restoring correct layout behavior for all orientations.

Closes: apache#61384
@boring-cyborg
Copy link

boring-cyborg bot commented Feb 18, 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 (https://github.com/apache/airflow/blob/main/contributing-docs/README.rst)
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

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Feb 18, 2026
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.

Graph View layout broken for TB/RL/BT orientations when using TaskGroups (nodes spread horizontally)

1 participant

Comments