admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix click outside for RecordDetailRelationSection (#11072)

Browse Source 
Fixes https://github.com/twentyhq/twenty/issues/11061
This commit is contained in:
Marie
2025-03-20 17:22:28 +01:00
committed by GitHub
parent 6d8cf442a7
commit 24bae89ebc
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx
View File

@ -262,6 +262,7 @@ export const RecordDetailRelationSection = ({
accent="tertiary" accent="tertiary"
/> />
} }
dropdownHotkeyScope={{ scope: dropdownId }}
dropdownComponents={ dropdownComponents={
isToOneObject ? ( isToOneObject ? (
<SingleRecordPicker <SingleRecordPicker
@ -271,6 +272,7 @@ export const RecordDetailRelationSection = ({
objectNameSingular={relationObjectMetadataNameSingular} objectNameSingular={relationObjectMetadataNameSingular}
recordPickerInstanceId={dropdownId} recordPickerInstanceId={dropdownId}
onCreate={createNewRecordAndOpenRightDrawer} onCreate={createNewRecordAndOpenRightDrawer}
onCancel={closeDropdown}
layoutDirection={ layoutDirection={
dropdownPlacement?.includes('end') dropdownPlacement?.includes('end')
? 'search-bar-on-bottom' ? 'search-bar-on-bottom'
@ -295,7 +297,6 @@ export const RecordDetailRelationSection = ({
/> />
) )
} }
dropdownHotkeyScope={{ scope: dropdownId }}
/> />
</DropdownScope> </DropdownScope>
) )

2
packages/twenty-front/src/modules/ui/layout/dropdown/components/Dropdown.tsx
View File

@ -15,12 +15,12 @@ import {
useFloating, useFloating,
} from '@floating-ui/react'; } from '@floating-ui/react';
import { MouseEvent, ReactNode } from 'react'; import { MouseEvent, ReactNode } from 'react';
import { flushSync } from 'react-dom';
import { Keys } from 'react-hotkeys-hook'; import { Keys } from 'react-hotkeys-hook';
import { useRecoilCallback } from 'recoil'; import { useRecoilCallback } from 'recoil';
import { isDefined } from 'twenty-shared'; import { isDefined } from 'twenty-shared';
import { sleep } from '~/utils/sleep'; import { sleep } from '~/utils/sleep';
import { useDropdown } from '../hooks/useDropdown'; import { useDropdown } from '../hooks/useDropdown';
import { flushSync } from 'react-dom';
const StyledDropdownFallbackAnchor = styled.div` const StyledDropdownFallbackAnchor = styled.div`
left: 0; left: 0;