UI - Trigger form dropdown menus are truncated

[pierrejeambrun]

Body

If menu options are too big and that there is not fields bellow the menu to give some space for expanding the menu, some part of it will be cut off, cf screenshot.

Dag code:

from __future__ import annotations

from airflow import DAG
from airflow.decorators import task
from airflow.models.param import Param

with DAG(
    "test_dropdown",
    dag_display_name="Test Dropdown",
    catchup=False,
    schedule=None,
    tags=["test"],
    params={
        "task": Param(
            "", type="string", title="Select a Value", enum=["one", "two", "three", "four", "five", "six"]
        )
    },
) as dag:

    @task
    def test_dropdown():
        pass

    test_dropdown()

Committer

• I acknowledge that I am a maintainer/committer of the Apache Airflow project.

[mingdaoy]

Bonjour, is this urgent? If not, I'd be happy to pick it up.

[naseemshah]

Looks like a z-index layering issue:

[pierrejeambrun]

@mingdaoy I would say that a fix should be made before next patch release (3.0.4), that would land around the 5th of august.

I just assigned you. Let me know if you can't work on it before that date.

[pierrejeambrun]

Looks like a z-index layering issue

Yes, I think playing with the z-index might be enough.

[naseemshah]

It wasn't a z-index issue. It was overflow content issue. The select box overflows the accordion root div. Setting overflow: visible will fix it.