Skip to content

fix(ui): add overflow visible to fix dropdown clipping in ConnectionForm accordion#65095

Closed
fufuShih wants to merge 2 commits into
apache:mainfrom
fufuShih:fix/65085/the-dropdown-problem-in-connection
Closed

fix(ui): add overflow visible to fix dropdown clipping in ConnectionForm accordion#65095
fufuShih wants to merge 2 commits into
apache:mainfrom
fufuShih:fix/65085/the-dropdown-problem-in-connection

Conversation

@fufuShih
Copy link
Copy Markdown

@fufuShih fufuShih commented Apr 12, 2026

Problem

In ConnectionForm, the default overflow behavior of the Accordion.Root component clips child elements that extend beyond the container boundary, causing dropdown menus inside to not be fully visible.

related: #65007

Solution

Added overflow="visible" to the Accordion.Root so that dropdown menus can render outside the container boundary without being clipped.

But maybe #65085 is also the method to solve it.

Files Changed

Added overflow="visible" to Accordion.Root in ConnectionForm

<Accordion.Root
collapsible
defaultValue={["standardFields"]}
mb={4}
mt={4}
size="lg"
variant="enclosed"
>

After

          <Accordion.Root
            collapsible
            defaultValue={["standardFields"]}
            mb={4}
            mt={4}
            overflow="visible"
            size="lg"
            variant="enclosed"
          >

@boring-cyborg
Copy link
Copy Markdown

boring-cyborg Bot commented Apr 12, 2026

Congratulations on your first Pull Request and welcome to the Apache Airflow community! If you have any issues or are unsure about any anything please check our Contributors' Guide
Here are some useful points:

  • Pay attention to the quality of your code (ruff, mypy and type annotations). Our prek-hooks will help you with that.
  • In case of a new feature add useful documentation (in docstrings or in docs/ directory). Adding a new operator? Check this short guide Consider adding an example DAG that shows how users should use it.
  • Consider using Breeze environment for testing locally, it's a heavy docker but it ships with a working Airflow and a lot of integrations.
  • Be patient and persistent. It might take some time to get a review or get the final approval from Committers.
  • Please follow ASF Code of Conduct for all communication including (but not limited to) comments on Pull Requests, Mailing list and Slack.
  • Be sure to read the Airflow Coding style.
  • Always keep your Pull Requests rebased, otherwise your build might fail due to changes not related to your commits.
    Apache Airflow is a community-driven project and together we are making it better 🚀.
    In case of doubts contact the developers at:
    Mailing List: dev@airflow.apache.org
    Slack: https://s.apache.org/airflow-slack

@boring-cyborg boring-cyborg Bot added the area:UI Related to UI/UX. For Frontend Developers. label Apr 12, 2026
@bbovenzi
Copy link
Copy Markdown
Contributor

Changing overflow doesn't fix this issue. Closing in favor of #65085

@bbovenzi bbovenzi closed this Apr 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants