Skip to content

Commit 121794e

Browse files
authored
Fixed modal clickoutside (#6624)
Modal clickoutside was modified recently. It was considering portaled component like dropdown outside, so comparePixel mode for click outside is needed here.
1 parent 197bca5 commit 121794e

File tree

1 file changed

+5
-1
lines changed
  • packages/twenty-front/src/modules/ui/layout/modal/components

1 file changed

+5
-1
lines changed

packages/twenty-front/src/modules/ui/layout/modal/components/Modal.tsx

+5-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
import { ModalHotkeyScope } from '@/ui/layout/modal/components/types/ModalHotkeyScope';
22
import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
33
import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
4-
import { useListenClickOutsideV2 } from '@/ui/utilities/pointer-event/hooks/useListenClickOutsideV2';
4+
import {
5+
ClickOutsideMode,
6+
useListenClickOutsideV2,
7+
} from '@/ui/utilities/pointer-event/hooks/useListenClickOutsideV2';
58
import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
69
import styled from '@emotion/styled';
710
import { motion } from 'framer-motion';
@@ -205,6 +208,7 @@ export const Modal = ({
205208
onClose();
206209
}
207210
},
211+
mode: ClickOutsideMode.comparePixels,
208212
});
209213

210214
const stopEventPropagation = (e: React.MouseEvent) => {

0 commit comments

Comments
 (0)