diff --git a/packages/twenty-front/src/modules/object-record/record-table/constants/ColumnHeadDropdownId.ts b/packages/twenty-front/src/modules/object-record/record-table/constants/ColumnHeadDropdownId.ts
deleted file mode 100644
index 8598c8546..000000000
--- a/packages/twenty-front/src/modules/object-record/record-table/constants/ColumnHeadDropdownId.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const COLUMN_HEAD_DROPDOWN_ID = 'table-head-options-dropdown-id';
diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadWithDropdown.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadWithDropdown.tsx
index d1ad7e1de..6298c77f1 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadWithDropdown.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHeadWithDropdown.tsx
@@ -28,6 +28,7 @@ export const RecordTableColumnHeadWithDropdown = ({
clickableComponent={}
dropdownComponents={}
dropdownOffset={{ x: -1 }}
+ usePortal
dropdownPlacement="bottom-start"
dropdownHotkeyScope={{ scope: column.fieldMetadataId + '-header' }}
/>
diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx
index a7ba44db2..14ba36441 100644
--- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx
@@ -40,6 +40,7 @@ type DropdownProps = {
dropdownStrategy?: 'fixed' | 'absolute';
disableBlur?: boolean;
onClickOutside?: () => void;
+ usePortal?: boolean;
onClose?: () => void;
onOpen?: () => void;
};
@@ -56,6 +57,7 @@ export const Dropdown = ({
dropdownStrategy = 'absolute',
dropdownOffset = { x: 0, y: 0 },
disableBlur = false,
+ usePortal = false,
onClickOutside,
onClose,
onOpen,
@@ -131,7 +133,7 @@ export const Dropdown = ({
onHotkeyTriggered={handleHotkeyTriggered}
/>
)}
- {isDropdownOpen && (
+ {isDropdownOpen && usePortal && (
)}
+ {isDropdownOpen && !usePortal && (
+
+ {dropdownComponents}
+
+ )}