Apache Airflow version
2.1.4 (latest released)
Operating System
Debian GNU/Linux 11 rodete
Versions of Apache Airflow Providers
No response
Deployment
Docker-Compose
Deployment details
No response
What happened
On a clean Airflow install, sometimes there is a problem with accessing clickable elements like 'Airflow Home' button (logo with name), or 'DAGs' menu button. This is a problem that can be replicated also in older versions on Airflow.
The issue is caused by tooltip elements that are created each time another element is hovered and they appear as transparent elements in the 0,0 point which is the top left corner of the interface. That's why they cover Airflow Home button and sometimes even DAGs menu button (depending on the size of the tooltip).
This is causing some of the elements that are located near top left corner not clickable (e.g. Airflow Home button is clickable but only the bottom side of it).
This is a screenshot of the interface with highlighted place where the redundant tooltips appear. I also showed here the tooltip elements in the HTML code.
What you expected to happen
I expect that the tooltips disappear when the element triggering them is not hovered anymore. The Airflow Home button and DAGs button should be clickable.
How to reproduce
- Hover over Airflow Home button and see that all of the element can be clicked (note the different pointer).
- Now hover over any other element that shows a tooltip, e.g. filters for All/Active/Paused DAGs just a bit below.
- Hover again over Airflow Home button and see that part of it is not clickable.
- Open devtools and inspect the element that covers the top left corner of the interface.
Anything else
No response
Are you willing to submit PR?
Code of Conduct
Apache Airflow version
2.1.4 (latest released)
Operating System
Debian GNU/Linux 11 rodete
Versions of Apache Airflow Providers
No response
Deployment
Docker-Compose
Deployment details
No response
What happened
On a clean Airflow install, sometimes there is a problem with accessing clickable elements like 'Airflow Home' button (logo with name), or 'DAGs' menu button. This is a problem that can be replicated also in older versions on Airflow.
The issue is caused by tooltip elements that are created each time another element is hovered and they appear as transparent elements in the 0,0 point which is the top left corner of the interface. That's why they cover Airflow Home button and sometimes even DAGs menu button (depending on the size of the tooltip).
This is causing some of the elements that are located near top left corner not clickable (e.g. Airflow Home button is clickable but only the bottom side of it).
This is a screenshot of the interface with highlighted place where the redundant tooltips appear. I also showed here the tooltip elements in the HTML code.
What you expected to happen
I expect that the tooltips disappear when the element triggering them is not hovered anymore. The Airflow Home button and DAGs button should be clickable.
How to reproduce
Anything else
No response
Are you willing to submit PR?
Code of Conduct