Trigger DAG modal: long param names overflow modal width

[pedro-cf]

Under which category would you file this issue?

Airflow Core

Apache Airflow version

3.2.2

What happened and how to reproduce it?

When a DAG param has a long name (the key shown as the field label), the Trigger DAG modal does not fit the label: text runs past the modal edge or breaks the layout. Shorter names are fine; the problem is label length, not the number of params.

How to reproduce:

1. Define a DAG with a param whose name is a long string.
2. Open Trigger DAG for that DAG in the AF3 UI.
3. The param label overflows the modal width.

Example DAG:

from airflow.sdk import Param, dag, task


@dag(
    dag_id="trigger_long_param_name",
    schedule=None,
    params={
        "lorem_ipsum_dolor_sit_amet_consectetur_adipiscing_elit_sed_do_eiusmod_tempor_incididunt_lorem_ipsum_dolor_sit_amet_consectetur_adipiscing_elit_sed_do_eiusmod_tempor_incididunt": Param(
            default=False,
            type="boolean",
        ),
    },
)
def trigger_long_param_name():
    @task
    def echo_params():
        pass

    echo_params()


trigger_long_param_name()

Preview:

What you think should happen instead?

The Trigger DAG modal should grow wider when the viewport has space, so longer param names can be shown without clipping.

Only after a reasonable maximum width is reached (e.g. most of the screen) should the UI apply a fallback: wrap the label, truncate with ellipsis plus tooltip, or similar.

Operating System

Ubuntu 24.04.4 LTS

Deployment

None

Apache Airflow Provider(s)

No response

Versions of Apache Airflow Providers

No response

Official Helm Chart version

Not Applicable

Kubernetes Version

No response

Helm Chart configuration

No response

Docker Image customizations

No response

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