This is an automated email from the ASF dual-hosted git repository.
pierrejeambrun pushed a commit to branch v3-1-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-1-test by this push:
new 2b6ef1459a4 [v3-1-test] Properly highlight TaskGroup nodes when
selected (#58118) (#58559)
2b6ef1459a4 is described below
commit 2b6ef1459a482ce725a10578969a444889390fa9
Author: Guan-Ming (Wesley) Chiu <[email protected]>
AuthorDate: Fri Nov 21 22:33:06 2025 +0800
[v3-1-test] Properly highlight TaskGroup nodes when selected (#58118)
(#58559)
(cherry picked from commit 25203cf924a5bdaf399570c09edfceae87c56025)
Co-authored-by: Steve Ahn <[email protected]>
---
airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
index 4c70510b763..34698872fbd 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
@@ -60,7 +60,7 @@ const nodeColor = (
export const Graph = () => {
const { colorMode = "light" } = useColorMode();
- const { dagId = "", runId = "", taskId } = useParams();
+ const { dagId = "", groupId, runId = "", taskId } = useParams();
const selectedVersion = useSelectedVersion();
@@ -130,7 +130,7 @@ export const Graph = () => {
...node,
data: {
...node.data,
- isSelected: node.id === taskId || node.id === `dag:${dagId}`,
+ isSelected: node.id === taskId || node.id === groupId || node.id ===
`dag:${dagId}`,
taskInstance,
},
};
@@ -145,6 +145,8 @@ export const Graph = () => {
isSelected:
taskId === edge.source ||
taskId === edge.target ||
+ groupId === edge.source ||
+ groupId === edge.target ||
edge.source === `dag:${dagId}` ||
edge.target === `dag:${dagId}`,
},
