Grid UI Scrollbar / Cell Click Issue #35074
Description
Apache Airflow version
Other Airflow 2 version (please specify below)
What happened
This is in 2.5.2, we're in the midst of upgrading to to 2.7 but haven't tested thoroughly if this happens there as we don't have the volume of historic runs.
On the DAG main landing page, if you have a long DAG with multiple sub-groups, and a number of runs recorded, the UI in it's default listing of 25 previous runs, causes the scrollbar for the grid to overlay the right-most column, making it impossible to click on the cells for the right-most DAG run.
This is specifically in Firefox.
It's not world-ending, just a bit annoying at times.
What you think should happen instead
The Grid area should have enough pad to the right of the rightmost column to clear the scrollbar area.
You can get around this by altering the number of runs down to 5 in the dropdown above the grid, this seems to fix the issue in order access the cells.
How to reproduce
This seems to be the scenario it happens under:
- DAG with long list of tasks, including sub-groups, and moderately long labels
- Show 25 runs on the dag screen
Operating System
Ubuntu 22.04 / macOS
Versions of Apache Airflow Providers
N/A
Deployment
Other
Deployment details
Custom deployment.
Anything else
No response
Are you willing to submit PR?
- Yes I am willing to submit a PR!
Code of Conduct
- I agree to follow this project's Code of Conduct