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} + + )}