This is an automated email from the ASF dual-hosted git repository.
bbovenzi pushed a commit to branch v3-2-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-2-test by this push:
new 77063e6ec02 [v3-2-test] Fix Gantt view still visible when time range
is outside dagrun window #64147 (#64179) (#64549)
77063e6ec02 is described below
commit 77063e6ec029c9be8526dc1564940ed23f57b5c7
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Wed Apr 1 17:26:44 2026 -0400
[v3-2-test] Fix Gantt view still visible when time range is outside dagrun
window #64147 (#64179) (#64549)
(cherry picked from commit f6b9c0234aab4583f642f068f6e538d8ba83f5ac)
Co-authored-by: Haseeb Malik
<[email protected]>
---
airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx | 2 ++
airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx | 8 ++++++--
2 files changed, 8 insertions(+), 2 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 075f710b10f..dd559e0ac5e 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
@@ -201,6 +201,8 @@ export const DetailsLayout = ({ children, error, isLoading,
tabs }: Props) => {
<Gantt
dagRunState={dagRunStateFilter}
limit={limit}
+ runAfterGte={runAfterGte}
+ runAfterLte={runAfterLte}
runType={runTypeFilter}
triggeringUser={triggeringUserFilter}
/>
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
index 71d14ccfbe7..62de32cdb98 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
@@ -71,6 +71,8 @@ ChartJS.register(
type Props = {
readonly dagRunState?: DagRunState | undefined;
readonly limit: number;
+ readonly runAfterGte?: string | undefined;
+ readonly runAfterLte?: string | undefined;
readonly runType?: DagRunType | undefined;
readonly triggeringUser?: string | undefined;
};
@@ -79,7 +81,7 @@ const CHART_PADDING = 36;
const CHART_ROW_HEIGHT = 20;
const MIN_BAR_WIDTH = 10;
-export const Gantt = ({ dagRunState, limit, runType, triggeringUser }: Props)
=> {
+export const Gantt = ({ dagRunState, limit, runAfterGte, runAfterLte, runType,
triggeringUser }: Props) => {
const { dagId = "", groupId: selectedGroupId, runId = "", taskId:
selectedTaskId } = useParams();
const [searchParams] = useSearchParams();
const { openGroupIds } = useOpenGroups();
@@ -114,6 +116,8 @@ export const Gantt = ({ dagRunState, limit, runType,
triggeringUser }: Props) =>
const { data: gridRuns, isLoading: runsLoading } = useGridRuns({
dagRunState,
limit,
+ runAfterGte,
+ runAfterLte,
runType,
triggeringUser,
});
@@ -208,7 +212,7 @@ export const Gantt = ({ dagRunState, limit, runType,
triggeringUser }: Props) =>
translate,
});
- if (runId === "") {
+ if (runId === "" || (!isLoading && !selectedRun)) {
return undefined;
}