Dropdown list is not fully visible in connection form

[darkag]

Under which category would you file this issue?

Providers

Apache Airflow version

3.2.0

What happened and how to reproduce it?

hello, when setting a dropdown for custom connection parameter, all values are not visible and no scrollbar appears

What you think should happen instead?

All values should be accessible (with a scrollbar or by letting the list overflows the accordion)

Operating System

No response

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

[fufuShih]

I used a minimal fake provider to try to reproduce this issue.

dev/fake_dropdown_provider/
└── src/airflow/providers/fake_dropdown/
    ├── __init__.py
    ├── get_provider_info.py
    └── hooks/
        ├── __init__.py
        └── fake_hook.py

fake_hook.py

from __future__ import annotations

from airflow.sdk import BaseHook

get_provider_info.py

MANY_OPTIONS = [
    "option_1",
    "option_2",
    "option_3",
    "option_4",
    "option_5",
    "option_6",
    "option_7",
    "option_8",
    "option_9",
    "option_10",
    "option_11",
    "option_12",
]


def get_provider_info():
    return {
        "package-name": "airflow-provider-fake-dropdown",
        "name": "Fake Dropdown",
        "description": "Fake provider to reproduce dropdown clipping bug.",
        "connection-types": [
            {
                "hook-class-name": "airflow.providers.fake_dropdown.hooks.fake_hook.FakeDropdownHook",
                "hook-name": "Fake Dropdown (Bug Repro)",
                "connection-type": "fake_dropdown",
                "conn-fields": {
                    "dropdown_field": {
                        "label": "Pick an option",
                        "schema": {
                            "type": ["string", "null"],
                            "enum": MANY_OPTIONS,
                            "default": MANY_OPTIONS[0],
                        },
                    }
                },
                "ui-field-behaviour": {
                    "hidden-fields": ["schema", "extra"],
                    "relabeling": {},
                },
            }
        ],
        "versions": ["1.0.0"],
    }

2026-04-12.1.52.17.mov

It looks like it was caused by overflow/clipping inside the Accordion content area.

I have two possible ideas for fixing it. I think the second one might be better, since it gives us more control over where the change applies:

1. Handle it in ItemContent with CSS, checking for data-state="open" and adjusting the overflow
2. Expose an extra prop on the component so specific cases can choose to use overflow: visible

Would it be possible to assign this issue to me? I’d like to give fixing it a try.