bbovenzi opened a new pull request, #76083: URL: https://github.com/apache/airflow/pull/76083
Three fixes to the Grid for Dags with enough runs that the grid scrolls horizontally. Each is in its own commit. **The Grid no longer jumps to the left when you open a run or task instance.** Each Dag detail route renders its own Grid, so clicking a run unmounts one and mounts another. The vertical offset was already carried across that remount, but the horizontal one was not: the Grid snapped back to its left edge — which shows the *oldest* runs — so the run just clicked was off screen. Arriving with no offset to restore, such as a page load straight onto a run or task instance, the selected run is centered instead, rather than left flush against an edge where the next refresh pushes it out of view again. **The task name column stays put while the run columns scroll.** The body row was only as wide as the scrollport, so the sticky column ran out of containing block partway through a scroll and slid out of view, leaving the rows unlabelled. It also had no background of its own, so run cells showed through the names on the way out. **The older/newer run buttons stay reachable.** They were positioned against the grid content rather than the scrollport, so scrolling carried them off screen — the older-runs button ended up furthest away exactly when you had scrolled to the newest runs and wanted to page back. ### Testing Unit tests cover each change. Verified by hand against a local breeze stack, comparing before and after: with 50 runs, clicking a run held the scroll offset at 630 instead of resetting it to 0, and a page load onto a task instance URL brought the selected run into view instead of leaving it ~490px past the right edge. Not done: Playwright e2e, which could not run against the local stack, and no browser check of the pager buttons specifically. --- ##### Was generative AI tooling used to co-author this PR? - [X] Yes — Claude Code (Opus 5) Generated-by: Claude Code (Opus 5) following [the guidelines](https://github.com/apache/airflow/blob/main/contributing-docs/05_pull_requests.rst#gen-ai-assisted-contributions) 🤖 Generated with [Claude Code](https://claude.com/claude-code) -- 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]
