Grid View - Multilevel taskgroup shows white text on the UI

[thaysa]

Apache Airflow version

2.3.0 (latest released)

What happened

Blank text if there are nested Task Groups .

Nested TaskGroup - Graph view:

Nested TaskGroup - Grid view:

What you think should happen instead

We should see the text as up task group level.

How to reproduce

deploy below DAG:

from airflow import DAG
from airflow.operators.dummy import DummyOperator
from airflow.utils.dates import datetime
from airflow.utils.task_group import TaskGroup

with DAG(dag_id="grid_view_dag", start_date=datetime(2022, 5, 3, 0, 00), schedule_interval=None, concurrency=2,
         max_active_runs=2) as dag:
    parent_task_group = None
    for i in range(0, 10):
        with TaskGroup(group_id=f"tg_level_{i}", parent_group=parent_task_group) as tg:
            t = DummyOperator(task_id=f"task_level_{i}")
            parent_task_group = tg

got to grid view and expand the nodes:

you can see the text after text selection:

Operating System

N/A

Versions of Apache Airflow Providers

N/A

Deployment

Docker-Compose

Deployment details

reproducible using the following docker-compose file: https://airflow.apache.org/docs/apache-airflow/2.3.0/docker-compose.yaml

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

[tirkarthi]

cc: @bbovenzi

[bbovenzi]

Good catch! Looks like I forgot to remove a line of code from when group children had a background color.