zachliu opened a new issue, #57900: URL: https://github.com/apache/airflow/issues/57900
### 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. <img width="709" height="582" alt="Image" src="https://github.com/user-attachments/assets/5afd2cfa-a180-4412-a17d-e8054df4283f"; /> <img width="715" height="574" alt="Image" src="https://github.com/user-attachments/assets/04e81f80-be82-41cc-a906-34e9ac2901f4"; /> ### 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 - [x] I agree to follow this project's [Code of Conduct](https://github.com/apache/airflow/blob/main/CODE_OF_CONDUCT.md) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
