This is an automated email from the ASF dual-hosted git repository.
bbovenzi pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new aa3ae537a0d Fix console errors in gantt view (#67255)
aa3ae537a0d is described below
commit aa3ae537a0d794eb77ad7b8d062da3e867e36353
Author: Brent Bovenzi <[email protected]>
AuthorDate: Wed May 20 14:47:11 2026 -0400
Fix console errors in gantt view (#67255)
---
.../src/airflow/ui/src/layouts/Details/DetailsLayout.tsx | 9 +++------
.../src/airflow/ui/src/layouts/Details/Gantt/GanttTimeline.tsx | 2 +-
2 files changed, 4 insertions(+), 7 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
index 97d184a4491..7725cb4ba12 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
@@ -210,6 +210,8 @@ export const DetailsLayout = ({ children, error, isLoading,
tabs }: Props) => {
const sharedGridGanttScrollRef = useRef<HTMLDivElement | null>(null);
// Treat "gantt" as "grid" for panel layout persistence so switching between
them doesn't reset sizes.
const panelViewKey = dagView === "gantt" ? "grid" : dagView;
+ const minSize = dagView === "gantt" && Boolean(runId) ? 35 : 6;
+ const defaultSize = Math.max(dagView === "graph" ? 70 : 20, minSize);
return (
<HoverProvider>
@@ -258,12 +260,7 @@ export const DetailsLayout = ({ children, error,
isLoading, tabs }: Props) => {
key={`${panelViewKey}-${direction}`}
ref={panelGroupRef}
>
- <Panel
- defaultSize={dagView === "graph" ? 70 : 20}
- id="main-panel"
- minSize={dagView === "gantt" && Boolean(runId) ? 35 : 6}
- order={1}
- >
+ <Panel defaultSize={defaultSize} id="main-panel"
minSize={minSize} order={1}>
<Flex flexDirection="column" height="100%">
<PanelButtons
dagView={dagView}
diff --git
a/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/GanttTimeline.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/GanttTimeline.tsx
index 48825715057..42cc8b44f95 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/GanttTimeline.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/GanttTimeline.tsx
@@ -342,7 +342,7 @@ export const GanttTimeline = ({
return (
<TaskInstanceTooltip
- key={`${taskId}-${tryNumber ?? -1}-${x[0]}`}
+ key={`${taskId}-${tryNumber ?? -1}-${state ??
"none"}-${x[0]}`}
openDelay={500}
positioning={{
offset: { crossAxis: 0, mainAxis: 5 },
