TaskGroup node not highlighted when selected in Graph View

[zachliu]

Apache Airflow version

main (development)

If "Other Airflow 2/3 version" selected, which one?

No response

What happened?

When selecting a Task Group in the Graph View, the node is not visually highlighted with the expected blue (blue.500) border.
However, regular task nodes are correctly highlighted when selected.

The issue appears to stem from the TaskNode component using isSelected from data, while React Flow provides the selection state via the top-level NodeProps.selected prop. As a result, task groups never receive the selected styling.

What you think should happen instead?

When a TaskGroup is selected, its border should turn blue (blue.500), consistent with how selected individual tasks are highlighted.

How to reproduce

1. Open any DAG in Graph View that contains a TaskGroup.
2. Click on the TaskGroup node.
3. Observe that the group does not get the blue border highlight, unlike regular task nodes.

Operating System

LM 21.3 with docker python:3.12-slim-bookworm

Versions of Apache Airflow Providers

No response

Deployment

Docker-Compose

Deployment details

No response

Anything else?

No response

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

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

[steveahnahn]

Opened a PR to address the issue here: #58118

[zachliu]

@steveahnahn many thanks 🙏