This is an automated email from the ASF dual-hosted git repository.
bbovenzi pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new 5342d3d437c fix(ui): use fixed menu positioning for dropdowns in
connection forms (#65007) (#65085)
5342d3d437c is described below
commit 5342d3d437c1f9c311594682de659d8226b8a734
Author: Tyson Cung <[email protected]>
AuthorDate: Mon Apr 13 21:44:41 2026 +0800
fix(ui): use fixed menu positioning for dropdowns in connection forms
(#65007) (#65085)
- Add menuPosition="fixed" to FieldDropdown and FieldMultiSelect components
- Ensures dropdown menus are fully visible when rendered inside accordion
panels
- Prevents menu clipping when parent containers have overflow constraints
Closes #65007
Co-authored-by: Tyson Cung <[email protected]>
---
.../src/airflow/ui/src/components/FlexibleForm/FieldDropdown.tsx | 1 +
.../src/airflow/ui/src/components/FlexibleForm/FieldMultiSelect.tsx | 1 +
2 files changed, 2 insertions(+)
diff --git
a/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldDropdown.tsx
b/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldDropdown.tsx
index d439dd6032f..b8cf6ad1068 100644
--- a/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldDropdown.tsx
+++ b/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldDropdown.tsx
@@ -89,6 +89,7 @@ export const FieldDropdown = ({ name, namespace = "default",
onUpdate }: Flexibl
id={`element_${name}`}
isClearable
isDisabled={disabled}
+ menuPosition="fixed"
name={`element_${name}`}
onChange={handleChange}
options={options}
diff --git
a/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldMultiSelect.tsx
b/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldMultiSelect.tsx
index 4654587fb81..6bc2442708b 100644
---
a/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldMultiSelect.tsx
+++
b/airflow-core/src/airflow/ui/src/components/FlexibleForm/FieldMultiSelect.tsx
@@ -76,6 +76,7 @@ export const FieldMultiSelect = ({ name, namespace =
"default", onUpdate }: Flex
isClearable
isDisabled={disabled}
isMulti
+ menuPosition="fixed"
name={`element_${name}`}
onChange={handleChange}
options={
