Apache Airflow version

main (development)

What happened

There is a weird effect when you click the task in the new Grid view to get to task details. The whole grid view seems to shift a little when the pop-up window is displayed and it has a very disturbing effect for the user because if you did not move your mouse, it looks like you clicked wrong DagRun (the shift in my case is such that it looks like you clicked the "previous DagRun" as the mouse remains on top of the previous DagRun.

This is pretty disturbing - when I saw it for the first time I literally thought I missed the right box and pressed escape and tried again and again - all the time the same and I thought something is wrong with my mouse. Only after a moment I realized that this is the "grid" that shifts a bit.

This is best seen with the video:

What you expected to happen

No shift of the grid - mouse should stay on top of the clicked DagRun

How to reproduce

Click on the DagRun

Operating System

Linux Mint 20.3

Versions of Apache Airflow Providers

Not relevant

Deployment

Other

Deployment details

start-airflow in Breeze

Anything else

This was run in Chrome: Version 98.0.4758.80 (Official Build) (64-bit)

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